@yup/taro-ui 0.0.8 → 0.1.0

package/README.md

@@ -1,3 +1,54 @@
 # yp-taro-ui
 
-鱼泡Taro UI实现（抖音小程序）
+鱼泡Taro UI实现（抖音小程序）
+
+## 安装
+
+```bash
+npm install @yup/taro-ui
+# 或
+yarn add @yup/taro-ui
+```
+
+## 按需加载
+
+配合 `babel-plugin-import` 插件实现按需加载，自动引入组件样式。
+
+### 安装插件
+
+```bash
+npm install babel-plugin-import --save-dev
+```
+
+### 配置 babel
+
+在 `babel.config.js` 或 `.babelrc` 中添加：
+
+```js
+{
+  "plugins": [
+    ["import", {
+      "libraryName": "@yup/taro-ui",
+      "libraryDirectory": "es/components",
+      "style": true
+    }]
+  ]
+}
+```
+
+### 使用
+
+配置后可以直接按需引入组件：
+
+```tsx
+import { Button, Input } from '@yup/taro-ui';
+```
+
+插件会自动转换为：
+
+```tsx
+import Button from '@yup/taro-ui/es/components/button';
+import '@yup/taro-ui/es/components/button/style';
+import Input from '@yup/taro-ui/es/components/input';
+import '@yup/taro-ui/es/components/input/style';
+```

package/es/_virtual/_rollupPluginBabelHelpers.js

@@ -1 +1 @@
-function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=Array(t);e<t;e++)n[e]=r[e];return n}function t(r){if(Array.isArray(r))return r}function e(r,t,e){return(t=y(t))in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function n(r,t){var e=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=e){var n,o,i,a,u=[],l=!0,c=!1;try{if(i=(e=e.call(r)).next,0===t){if(Object(e)!==e)return;l=!1}else for(;!(l=(n=i.call(e)).done)&&(u.push(n.value),u.length!==t);l=!0);}catch(r){c=!0,o=r}finally{try{if(!l&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}function o(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function i(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})),e.push.apply(e,n)}return e}function a(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach(function(t){e(r,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach(function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(n,t))})}return r}function u(r,t){if(null==r)return{};var e,n,o=l(r,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(n=0;n<i.length;n++)e=i[n],-1===t.indexOf(e)&&{}.propertyIsEnumerable.call(r,e)&&(o[e]=r[e])}return o}function l(r,t){if(null==r)return{};var e={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==t.indexOf(n))continue;e[n]=r[n]}return e}function c(r,e){return t(r)||n(r,e)||b(r,e)||o()}function f(r,t){if("object"!=typeof r||!r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var n=e.call(r,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(r)}function y(r){var t=f(r,"string");return"symbol"==typeof t?t:t+""}function s(r){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},s(r)}function b(t,e){if(t){if("string"==typeof t)return r(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}export{r as arrayLikeToArray,t as arrayWithHoles,e as defineProperty,n as iterableToArrayLimit,o as nonIterableRest,a as objectSpread2,u as objectWithoutProperties,l as objectWithoutPropertiesLoose,c as slicedToArray,f as toPrimitive,y as toPropertyKey,s as typeof,b as unsupportedIterableToArray};
+function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=Array(t);e<t;e++)n[e]=r[e];return n}function t(r){if(Array.isArray(r))return r}function e(t){if(Array.isArray(t))return r(t)}function n(r,t,e){return(t=m(t))in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function o(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function i(r,t){var e=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=e){var n,o,i,a,u=[],l=!0,f=!1;try{if(i=(e=e.call(r)).next,0===t){if(Object(e)!==e)return;l=!1}else for(;!(l=(n=i.call(e)).done)&&(u.push(n.value),u.length!==t);l=!0);}catch(r){f=!0,o=r}finally{try{if(!l&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(f)throw o}}return u}}function a(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function l(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})),e.push.apply(e,n)}return e}function f(r){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?l(Object(e),!0).forEach(function(t){n(r,t,e[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):l(Object(e)).forEach(function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(e,t))})}return r}function c(r,t){if(null==r)return{};var e,n,o=y(r,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(n=0;n<i.length;n++)e=i[n],-1===t.indexOf(e)&&{}.propertyIsEnumerable.call(r,e)&&(o[e]=r[e])}return o}function y(r,t){if(null==r)return{};var e={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==t.indexOf(n))continue;e[n]=r[n]}return e}function s(r,e){return t(r)||i(r,e)||O(r,e)||a()}function b(r){return e(r)||o(r)||O(r)||u()}function p(r,t){if("object"!=typeof r||!r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var n=e.call(r,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(r)}function m(r){var t=p(r,"string");return"symbol"==typeof t?t:t+""}function v(r){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},v(r)}function O(t,e){if(t){if("string"==typeof t)return r(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}export{r as arrayLikeToArray,t as arrayWithHoles,e as arrayWithoutHoles,n as defineProperty,o as iterableToArray,i as iterableToArrayLimit,a as nonIterableRest,u as nonIterableSpread,f as objectSpread2,c as objectWithoutProperties,y as objectWithoutPropertiesLoose,s as slicedToArray,b as toConsumableArray,p as toPrimitive,m as toPropertyKey,v as typeof,O as unsupportedIterableToArray};

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

@@ -1,10 +1,10 @@
 import { ButtonProps as TaroButtonProps } from '@tarojs/components';
 import React from 'react';
-export interface ButtonProps extends Omit<TaroButtonProps, 'type'> {
+export interface ButtonProps extends Omit<TaroButtonProps, 'type' | 'size'> {
     /**
-     * 按钮样式类型 primary 主题色样式按钮 default 默认样式 secondary 次级样式
+     * 按钮样式类型 主要是颜色控制 primary 主题色样式按钮 default 默认样式 secondary 次级主题色样式 warning 强调警告的颜色（红色背景）
      */
-    styleType?: 'primary' | 'default' | 'secondary';
+    styleType?: 'primary' | 'default' | 'secondary' | "warning";
     /**
      * 是否启用禁用样式(启用禁用样式按钮依然可以点击和disabled有区别 只是样式支持),如果想要按钮有禁用样式 但是依然可点击可以用这个属性
      */
@@ -17,6 +17,22 @@ export interface ButtonProps extends Omit<TaroButtonProps, 'type'> {
      * icon的支持
      */
     icon?: React.ReactNode;
+    /**
+     * 形状控制 default 默认形状，round 大圆角
+     */
+    shape?: "default" | "round";
+    /**
+     * 按钮大小规格 主要是高度控制
+     */
+    size?: "default" | "middle" | "small" | "large";
+    /**
+     * 填充样式 todo solid 背景完全填充的样式，outlined 有外边框，无背景的样式
+     */
+    variant?: "outlined" | 'solid';
+    /**
+     * 幽灵按钮 背景透明的按钮
+     */
+    ghost?: boolean;
 }
 declare const Button: React.FC<ButtonProps>;
 export default Button;

package/es/components/button/index.js

@@ -1 +1 @@
-import{objectWithoutProperties as t,objectSpread2 as a}from"../../_virtual/_rollupPluginBabelHelpers.js";import{j as o}from"../../node_modules/react/jsx-runtime.js";import{Button as i,Text as e}from"@tarojs/components";import r from"../../node_modules/classnames/index.js";var n=["children","styleType","className","block","disabled","disabledStyle","icon"],s=function(s){var l=s.children,d=s.styleType,m=void 0===d?"default":d,c=s.className,p=s.block,u=void 0===p||p,b=s.disabled,y=s.disabledStyle,j=s.icon,f=t(s,n);return o.jsx(i,a(a({className:r("ypmini-taro-button",{"ypmini-taro-button-primary":"primary"===m,"ypmini-taro-button-primary-disabled":"primary"===m&&(b||y),"ypmini-taro-button-secondary":"secondary"===m,"ypmini-taro-button-secondary-disabled":"secondary"===m&&(b||y),"ypmini-taro-button-default":"default"===m,"ypmini-taro-button-default-disabled":"default"===m&&(b||y),"ypmini-taro-button-block":u},c),disabled:b},f),{},{children:j?o.jsxs(e,{className:"ypmini-taro-button-icon-wrapper",children:[o.jsx(e,{className:"ypmini-taro-button-icon",children:j}),o.jsx(e,{className:"ypmini-taro-button-icon-content",children:l})]}):l}))};export{s as default};
+import{objectWithoutProperties as t,objectSpread2 as i}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Button as n,Text as e}from"@tarojs/components";import r from"classnames";var l=["children","styleType","className","block","disabled","disabledStyle","icon","ghost","shape","size","variant"],s=function(s){var d=s.children,m=s.styleType,u=void 0===m?"default":m,p=s.className,b=s.block,y=void 0===b||b,c=s.disabled,f=s.disabledStyle,h=s.icon,g=s.ghost,v=s.shape,z=void 0===v?"default":v,N=s.size,j=void 0===N?"default":N,w=s.variant,k=void 0===w?"solid":w,S=t(s,l);return a(n,i(i({className:r("ypmini-taro-button",{"ypmini-taro-button-ghost":g,"ypmini-taro-button-outlined":"outlined"===k,"ypmini-taro-button-solid":"solid"===k,"ypmini-taro-button-size-default":"default"===j,"ypmini-taro-button-size-large":"large"===j,"ypmini-taro-button-size-small":"small"===j,"ypmini-taro-button-size-middle":"middle"===j,"ypmini-taro-button-shape-default":"default"===z,"ypmini-taro-button-shape-round":"round"===z,"ypmini-taro-button-primary":"primary"===u,"ypmini-taro-button-primary-disabled":"primary"===u&&(c||f),"ypmini-taro-button-secondary":"secondary"===u,"ypmini-taro-button-secondary-disabled":"secondary"===u&&(c||f),"ypmini-taro-button-default":"default"===u,"ypmini-taro-button-warning":"warning"===u,"ypmini-taro-button-warning-disabled":"warning"===u&&(c||f),"ypmini-taro-button-default-disabled":"default"===u&&(c||f),"ypmini-taro-button-block":y},p),disabled:c},S),{},{children:h?o(e,{className:"ypmini-taro-button-icon-wrapper",children:[a(e,{className:"ypmini-taro-button-icon",children:h}),a(e,{className:"ypmini-taro-button-icon-content",children:d})]}):d}))};export{s as default};

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

@@ -1,47 +1,37 @@
 :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 {
   --border-radius: calc(8px * var(--ypmini-hd));
-  --button-height: calc(48px * 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(--yp-color-primary);
+  --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-taro-button {
-  padding: 0 48px;
+  padding: 0 24px;
   border: unset;
   font-weight: bold;
-  font-size: 34px;
+  font-size: var(--button-font-size-default);
   width: auto;
-  height: var(--button-height);
-  line-height: var(--button-height);
-  color: var(--yp-color-text);
+  height: var(--button-height-default);
+  line-height: var(--button-height-default);
+  color: var(--ypmini-color-text);
   border-radius: var(--border-radius);
   display: inline-block;
   white-space: nowrap;
@@ -49,6 +39,53 @@ page {
 .ypmini-taro-button:after {
   display: none;
 }
+.ypmini-taro-button-ghost {
+  background: transparent;
+}
+.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(--button-height-large);
+  line-height: var(--button-height-large);
+  font-weight: bold;
+  font-size: var(--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);
+}
+.ypmini-taro-button-size-default {
+  height: var(--button-height-default);
+  line-height: var(--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);
+}
+.ypmini-taro-button-warning {
+  background: var(--warning-button-background);
+  color: var(--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);
+}
+.ypmini-taro-button-warning.ypmini-taro-button-outlined {
+  border: 2px solid #E8362E;
+  color: #E8362E;
+  background: transparent;
+}
 .ypmini-taro-button-primary {
   background: var(--primary-button-background);
   color: var(--primary-button-text-color);
@@ -57,6 +94,11 @@ page {
   color: var(--primary-button-disabled-text-color);
   background: var(--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);
+  background: transparent;
+}
 .ypmini-taro-button-default {
   background: var(--default-button-background);
   color: var(--default-button-text-color);
@@ -67,6 +109,11 @@ page {
 .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);
 }
+.ypmini-taro-button-default.ypmini-taro-button-outlined {
+  border: 2px solid var(--default-button-outlined-color);
+  color: var(--default-button-outlined-color);
+  background: transparent;
+}
 .ypmini-taro-button-secondary {
   background: var(--secondary-button-background);
   color: var(--secondary-button-text-color);
@@ -77,6 +124,11 @@ page {
 .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);
 }
+.ypmini-taro-button-secondary.ypmini-taro-button-outlined {
+  border: 2px solid var(--secondary-button-background);
+  color: var(--secondary-button-background);
+  background: transparent;
+}
 .ypmini-taro-button-block {
   display: block;
 }

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

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

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

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

package/es/components/checkbox/checkbox-group.d.ts

@@ -1,10 +1,14 @@
 import React from 'react';
-import { CheckboxGroupProps as YpCheckboxGroupProps } from '@yup/taro-checkbox/dist/types/type';
-export interface CheckboxGroupProps extends YpCheckboxGroupProps {
+import { CheckboxGroupProps as YpCheckboxGroupProps, ValueType } from '@yup/taro-checkbox/dist/types/type';
+export interface CheckboxGroupProps extends Omit<YpCheckboxGroupProps, 'onChange'> {
     /**
      * 多选类型
      */
     type?: 'button' | 'default';
+    /**
+     * change事件
+     */
+    onChange?: (value: ValueType) => void;
 }
 declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
 export default CheckboxGroup;

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

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

package/es/components/checkbox/index.js

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

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

@@ -1,34 +1,12 @@
 :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));
   --checkbox-button-border-radius: calc(8px * var(--ypmini-hd));
   --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 {

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

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

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

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

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

@@ -0,0 +1,40 @@
+import React from 'react';
+import { PickerViewProps } from '../picker-view';
+import { Dayjs } from 'dayjs';
+export type DatePickerValue = Dayjs | 'tillNow';
+export interface DatePickerViewProps extends Omit<PickerViewProps, 'value' | 'onChange' | 'columns'> {
+    /**
+     * 是否展示至今选项
+     */
+    tillNow?: boolean;
+    /**
+     * 日期选择器最小时间 默认当前时间的前10年
+     */
+    minDate?: Dayjs;
+    /**
+     * 日期选择器最大时间限制 默认当前时间
+     */
+    maxDate?: Dayjs;
+    /**
+     * 受控value，dayjs日期格式
+     */
+    value?: DatePickerValue;
+    /**
+     * 模式支持 date 展示选择到天， month 仅选择到月
+     */
+    pickerMode?: 'date' | 'month';
+    /**
+     * 仅用状态
+     */
+    disabled?: boolean;
+    /**
+     * 时间选择器类名
+     */
+    pickerViewClassName?: string;
+    /**
+     * change事件
+     */
+    onChange?: (value: DatePickerValue) => void;
+}
+declare const DatePickerView: React.FC<DatePickerViewProps>;
+export default DatePickerView;

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

@@ -0,0 +1 @@
+import{objectWithoutProperties as a,slicedToArray as e,toConsumableArray as l,objectSpread2 as t}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n}from"react/jsx-runtime";import o from"classnames";import i from"react";import r from"../picker-view/index.js";import{toAppDate as u,genYearColum as s,genMonthColum as d,genDayColum as c,dateFormat as v}from"./util.js";import m from"../../hooks/useRefState.js";var f=["minDate","maxDate","pickerMode","onChange","className","pickerViewClassName","cellRender","indicatorClass","tillNow","disabled","onClick"],p=u(new Date),h=function(a){return Math.max(a,0)},w=function(w){var N=w.minDate,y=w.maxDate,Y=void 0===y?p:y,M=w.pickerMode,x=void 0===M?"date":M,b=w.onChange;w.className;var D=w.pickerViewClassName;w.cellRender,w.indicatorClass;var k=w.tillNow,C=void 0!==k&&k,j=w.disabled;w.onClick;var g=a(w,f),I=m("date"===x?[0,0,0]:[0,0]),P=e(I,2),R=P[0],V=P[1],A=m({}),E=e(A,3),S=E[0],_=E[1],B=E[2],H=i.useMemo(function(){return"month"!==x},[x]);i.useEffect(function(){var a,e;if(!("value"in g)){var t=N||Y.subtract(10,"y"),n=C?["tillNow"].concat(l(null===(a=s(t,Y))||void 0===a?void 0:a.reverse())):null===(e=s(t,Y))||void 0===e?void 0:e.reverse();if("tillNow"===n[null==R?void 0:R[0]])_({years:n,months:[],days:[]});else{var o=d(n[R[0]],t,Y),i="date"===x?c(o[R[1]],t,Y):[];_({years:n,months:o,days:i})}}},[null==g?void 0:g.value,x,R,N,Y,C]),i.useEffect(function(){if("value"in g){var a,e,n,o,i,r,u,m=null==g?void 0:g.value;e=N||Y.subtract(10,"y"),n=null===(a=s(e,Y))||void 0===a?void 0:a.reverse(),o=C?["tillNow"].concat(l(n)):n,i=m&&"tillNow"!==m?m:n[0],r="tillNow"===m?[]:d(i,e,Y),u="date"===x&&"tillNow"!==m?c(i||r[0],e,Y):[],_({years:o,months:r,days:u}),function(){if("tillNow"!==(null==g?void 0:g.value)&&null!=g&&g.value){var a=B.current,e=a.years,l=a.months,n=a.days,o=v(m,"YYYY"),i=v(m,"M"),r=Math.max(null==e?void 0:e.findIndex(function(a){return v(a,"YYYY")===o}),0),u=null==l?void 0:l.findIndex(function(a){return"".concat(v(a,"M"))==="".concat(i)}),s=null==n?void 0:n.findIndex(function(a){return"".concat(v(a,"D"))==="".concat(v(m,"D"))}),d="date"===x?[Math.max(r||0,0),Math.max(u||0,0),Math.max(s||0,0)]:[Math.max(r||0,0),Math.max(u||0,0)];0===r&&"tillNow"===e[0]&&_(function(a){return t(t({},a),{},{months:[],days:[]})}),V(d)}else V("date"===x?[0,0,0]:[0,0])}()}else V("date"===x?[0,0,0]:[0,0])},[null==g?void 0:g.value,N,Y,x,C]);var T=i.useMemo(function(){var a,e,l,t=[null==S||null===(a=S.years)||void 0===a?void 0:a.map(function(a){return{label:"tillNow"===a?"至今":"".concat(v(a,"YYYY"),"年"),value:"tillNow"===a?"tillNow":v(a,"YYYY"),date:a}}),null==S||null===(e=S.months)||void 0===e?void 0:e.map(function(a){return{label:"".concat(v(a,"M"),"月"),value:v(a,"M"),date:a}})];H&&t.push(null==S||null===(l=S.days)||void 0===l?void 0:l.map(function(a){return{label:"".concat(v(a,"D"),"日"),value:v(a,"D"),date:a}}));return t},[H,S]);return n(r,t(t({onChange:function(a){if(!j){var e=a.detail.value;V(e);var l=B.current.years;if("tillNow"===(null==l?void 0:l[h(null==e?void 0:e[0])]))b&&b("tillNow");else{var t=B.current.days,n=d(null==l?void 0:l[h(e[0])],N||Y.subtract(10,"y"),Y),o=v(null==l?void 0:l[h(e[0])],"YYYY"),i=v(null==n?void 0:n[h(e[1])],"M"),r="month"===x?"1":v(null==t?void 0:t[h(e[2])],"D");b&&b(u("".concat(o,"-").concat(i,"-").concat(r)))}}},className:o("ypmini-datepicker-view",D),disabled:j},g),{},{columns:T,value:R}))};w.displayName="DatePickerView";export{w as default};

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

@@ -0,0 +1,3 @@
+.ypmini-datepicker-view {
+  height: 100%;
+}

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

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

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

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

package/es/components/date-picker-view/util.d.ts

@@ -0,0 +1,7 @@
+import dayjs from 'dayjs';
+export type AppDateType = dayjs.Dayjs;
+export declare const dateFormat: (date: string | number | Date | AppDateType, format?: string) => string;
+export declare const toAppDate: (date: string | number | Date | AppDateType) => dayjs.Dayjs;
+export declare const genYearColum: (minDate?: AppDateType, maxDate?: AppDateType) => dayjs.Dayjs[];
+export declare const genMonthColum: (current: AppDateType, min: AppDateType, max: AppDateType) => dayjs.Dayjs[];
+export declare const genDayColum: (current: AppDateType, min: AppDateType, max: AppDateType) => dayjs.Dayjs[];

package/es/components/date-picker-view/util.js

@@ -0,0 +1 @@
+import r from"dayjs";var n=function(r){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"YYYY-MM-DD";return t(r).format(n)},t=function(n){return r(n)},a=function(n,a){var o=n||new Date("1870-01-01"),f=r(t(a||new Date).startOf("year")).diff(r(o).startOf("year"),"year"),u=new Array(f).fill(0).map(function(n,t){return r(o).add(t+1,"year")});return u.unshift(o),u},o=function(n,a,o){if((null==n?void 0:n.format("YYYY"))===(null==a?void 0:a.format("YYYY"))){if((null==o?void 0:o.format("YYYY"))===(null==a?void 0:a.format("YYYY"))){var f=r(o).diff(r(a),"month"),u=new Array(f).fill(0).map(function(n,t){return r(a).add(t,"month")});return u.push(r(o)),u}var i=12-+r(a).format("M"),l=new Array(i).fill(0).map(function(n,t){return r(a).add(t+1,"month")});return l.unshift(r(a)),l}if((null==n?void 0:n.format("YYYY"))===(null==o?void 0:o.format("YYYY"))){var Y,e=+(null==o?void 0:o.format("M"));return null===(Y=new Array(e).fill(0).map(function(n,t){return r(o).subtract(t,"month")}))||void 0===Y?void 0:Y.reverse()}return new Array(12).fill(0).map(function(r,a){return t("".concat(null==n?void 0:n.format("YYYY"),"-").concat(a+1,"-").concat(null==n?void 0:n.format("D")))})},f=function(n,a,o){if((null==n?void 0:n.format("YYYY-MM"))===(null==a?void 0:a.format("YYYY-MM"))){var f=r(a).endOf("M").diff(r(a),"day"),u=new Array(f).fill(0).map(function(n,t){return r(a).add(t+1,"day")});return u.unshift(r(a)),u}if((null==n?void 0:n.format("YYYY-MM"))===(null==o?void 0:o.format("YYYY-MM"))){var i,l=r(o).diff(r(n).startOf("M"),"day"),Y=null===(i=new Array(l).fill(0).map(function(n,t){return r(o).subtract(t+1,"day")}))||void 0===i?void 0:i.reverse();return Y.push(r(o)),Y}var e=null==n?void 0:n.daysInMonth();return new Array(e).fill(0).map(function(r,a){return t("".concat(null==n?void 0:n.format("YYYY"),"-").concat(null==n?void 0:n.format("MM"),"-").concat(a+1))})};export{n as dateFormat,f as genDayColum,o as genMonthColum,a as genYearColum,t as toAppDate};

package/es/components/form/form-item.js

@@ -1 +1 @@
-import{objectWithoutProperties as e,objectSpread2 as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{j as i}from"../../node_modules/react/jsx-runtime.js";import m from"../../node_modules/classnames/index.js";import o from"@yup/taro-form";var s=["children","required","className"],a=function(a){var t=a.children,l=a.required,n=a.className,u=e(a,s);return i.jsx(o.Item,r(r({className:m("ypmini-form-item",{"ypmini-form-item-required":l},n)},u),{},{children:t}))};export{a as default};
+import{objectWithoutProperties as r,objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i}from"react/jsx-runtime";import m from"classnames";import o from"../../node_modules/@yup/taro-form/dist/index.js";var t=["children","required","className"],a=function(a){var s=a.children,l=a.required,n=a.className,u=r(a,t);return i(o.Item,e(e({className:m("ypmini-form-item",{"ypmini-form-item-required":l},n)},u),{},{children:s}))};export{a as default};

package/es/components/form/index.js

@@ -1 +1 @@
-import{objectWithoutProperties as r,objectSpread2 as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"../../node_modules/classnames/index.js";import i from"@yup/taro-form";import m from"./form-item.js";var a=["children","layout"],s=function(m){var s=m.children,l=m.layout,n=void 0===l?"vertical":l,u=r(m,a);return e.jsx(i,o(o({className:t("ypmini-form",{"ypmini-form-horizontal":"horizontal"===n,"ypmini-form-vertical":"vertical"===n})},u),{},{children:s}))};s.Item=m,s.useForm=i.useForm,s.useWatch=i.useWatch;export{s as default};
+import{objectWithoutProperties as r,objectSpread2 as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e}from"react/jsx-runtime";import t from"classnames";import i from"../../node_modules/@yup/taro-form/dist/index.js";import a from"./form-item.js";var m=["children","layout","className"],s=function(a){var s=a.children,l=a.layout,c=void 0===l?"vertical":l,n=a.className,u=r(a,m);return e(i,o(o({className:t("ypmini-form",{"ypmini-form-horizontal":"horizontal"===c,"ypmini-form-vertical":"vertical"===c},n)},u),{},{children:s}))};s.Item=a,s.useForm=i.useForm,s.useWatch=i.useWatch;export{s as default};

package/es/components/form/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 {
   --form-item-label-width: calc(60px * var(--ypmini-hd));
 }

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

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

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TextProps } from '@tarojs/components';
+export interface IconProps extends TextProps {
+    /**
+     * icon 名称 (上传到阿里云iconfont项目，上传icon命名格式必须是xxx_icon, xxx代表icon的名称也就是icon的name属性,比如：search_icon,delete_icon 注意icon上传时需要选择"去除颜色并提交"。使用的时候颜色通过color去设置)
+     * iconfont远端地址：https://www.iconfont.cn/manage/index?spm=a313x.manage_type_myprojects.i1.db775f1f3.5c9d3a81OoaadK&manage_type=myprojects&projectId=5088009
+     * seacch 搜索Icon delete删除Icon
+     */
+    name: string;
+}
+declare const Icon: React.FC<IconProps>;
+export default Icon;

package/es/components/icon/index.js

@@ -0,0 +1 @@
+import{objectWithoutProperties as o,objectSpread2 as a}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r}from"react/jsx-runtime";import e from"classnames";import{Text as t}from"@tarojs/components";var s=["name","className"],m=function(m){var n=m.name,c=m.className,i=o(m,s);return r(t,a({className:e("iconfont","icon-".concat(n,"_icon"),c)},i))};export{m as default};

package/es/components/icon/style/iconfont.css

@@ -0,0 +1,60 @@
+@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');
+}
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.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";
+}

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

@@ -0,0 +1 @@
+import './iconfont.less';

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

@@ -0,0 +1 @@
+import './iconfont.css';

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

@@ -17,6 +17,18 @@ export interface InputProps extends TaroInputProps {
      * 边框样式 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){var p=c.variant,m=void 0===p?"outlined":p;c.allowClear;var d=c.showCount;c.clearIcon;var h=c.className,j=c.style,v=c.onClick,x=c.onInput,y=c.maxlength;c.placeholderStyle;var f=c.defaultValue,g=e(c,u),C=n.useState(f||""),N=l(C,2),w=N[0],I=N[1];return n.useEffect(function(){"value"in g&&I(g.value||"")},[g]),t.jsxs(r,{className:o("ypmini-taro-input-wrapper",{"ypmini-taro-input-borderless-wrapper":"borderless"===m},h),style:j,onClick:v,children:[t.jsx(s,a({placeholderStyle:"font-size: 17px;color: #00000040;",placeholderTextColor:"#00000040",value:w,onInput:function(e){I(e.detail.value),x&&x(e)},maxlength:y,className:"ypmini-taro-input"},g)),t.jsx(r,{className:"ypmini-taro-input-clear"}),d?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==w?void 0:w.length)>0}),children:null==w?void 0:w.length}),y?t.jsxs(t.Fragment,{children:["/",t.jsx(i,{className:"ypmini-taro-input-count-total",children:y||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};