@yup/taro-ui 0.0.8 → 1.0.0

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(c,"iconfont","icon-".concat(n,"_icon"))},i))};export{m as default};

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

@@ -0,0 +1,72 @@
+@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";
+}

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

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

@@ -1,52 +1,46 @@
 :root,
 page {
-  --ypmini-hd: 2;
-  --yp-color-primary: #0092ff;
-  --yp-color-text: rgba(0, 0, 0, 0.85);
-  --yp-color-text-light: #0092ff;
-  --yp-color-text-weak: rgba(0, 0, 0, 0.45);
-  --yp-border-color: #e9edf3;
-  --yp-color-text-primary: #333;
-  --yp-color-text-link: var(--yp-color-primary);
-  --yp-color-text-secondary: #666;
-  --yp-color-text-disabled: #ccc;
-  --yp-color-text-placeholder: #999;
-  --yp-font-size-default: calc(17px * var(--ypmini-hd));
-  --yp-radio-circle-checked-color: var(--yp-color-primary);
-  --yp-radio-button-checked-color: var(--yp-color-primary);
-  --yp-checkbox-circle-checked-color: var(--yp-color-primary);
-  --yp-checkbox-button-checked-color: var(--yp-color-primary);
-  --yp-border-radius-base: calc(4px * var(--ypmini-hd));
-  --yp-border-radius-button: calc(8px * var(--ypmini-hd));
-  --yp-space-horizontal-base: calc(12px * var(--ypmini-hd));
-}
-:root,
-page {
-  --input-placeholder-color: rgba(0, 0, 0, 0.25);
-  --input-text-color: var(--yp-color-text);
-  --input-font-size: var(--yp-font-size-default);
+  --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);
@@ -56,5 +50,12 @@ page {
   margin-left: 8px;
 }
 .ypmini-taro-input-count .ypmini-taro-input-count-current-light {
-  color: var(--yp-color-text-light);
+  color: var(--ypmini-color-text-light);
+}
+.ypmini-taro-input-prefix-icon-wrapper {
+  display: flex;
+  align-items: center;
+  font-size: var(--ypmini-input-prefix-icon-size);
+  margin-right: 16px;
+  color: var(--ypmini-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/media-uploader/index.d.ts

@@ -0,0 +1,123 @@
+import React from 'react';
+import TaroType from '@tarojs/taro/types';
+type TaroImgFile = TaroType.chooseImage.SuccessCallbackResult['tempFiles'][0] | TaroType.chooseMedia.SuccessCallbackResult['tempFiles'][0];
+type TaroImgFileList = TaroType.chooseImage.SuccessCallbackResult['tempFiles'] | TaroType.chooseMedia.SuccessCallbackResult['tempFiles'];
+export type UploadStatus = 'uploading' | 'done' | 'error' | 'removed';
+/***
+ * percent 进度 1-10
+ */
+export type FileType = UploadFile & {
+    percent?: number;
+};
+export type UploadFile = {
+    /**
+     * 文件唯一ID
+     */
+    uid?: string | number;
+    /**
+     * 文件下载地址
+     */
+    url: string;
+    /**
+     * 本地预览地址
+     */
+    path?: string;
+    /**
+     * 文件名
+     */
+    name?: string;
+    /**
+     * 上传状态
+     */
+    status?: UploadStatus;
+    /**
+     * 文件类型 目前仅支持图片和视频
+     */
+    type?: string;
+};
+export interface MediaUploaderProps {
+    /**
+     * 内置的上传组件类型 image 仅支持图片调用taro的chooseImage api，media 图片和视频都支持 调用taro的chooseMedia api
+     */
+    chooseApiType?: 'image' | 'media';
+    /**
+     * 删除事件 返回false不会删除文件
+     */
+    onRemove?: (file: FileType, fileList: FileType[]) => boolean | Promise<boolean>;
+    /**
+     * 自定义上传请求
+     */
+    uploadRequest?: (options: {
+        file: TaroImgFile;
+        fileList: TaroImgFileList;
+        onSuccess: (val: FileType) => void;
+        onError: () => void;
+        onProgress: (params: {
+            percent: number;
+        }) => void;
+    }) => void;
+    /**
+     * 自定义上传行为
+     */
+    customUpload?: () => Promise<{
+        file: FileType;
+        fileList: FileType[];
+    }>;
+    /**
+     * 是否支持删除
+     */
+    showDelete?: boolean;
+    /**
+     * 是否支持多文件上传
+     */
+    multiple?: boolean;
+    /**
+     * 对外的change事件
+     */
+    onChange?: (value: {
+        file: UploadFile;
+        fileList: UploadFile[];
+    }) => void;
+    /**
+     * 上传文件之前的钩子,返回false会停止上传
+     */
+    beforeUpload?: (file: TaroImgFile, files: TaroImgFileList) => boolean | Promise<boolean>;
+    /**
+     * 图片选择option参数
+     */
+    chooseImageOption?: TaroType.chooseImage.Option;
+    /**
+     * 获取媒体的option 参数
+     */
+    chooseMediaOption?: TaroType.chooseMedia.Option;
+    /**
+     * 已上传文件（受控）
+     */
+    value?: UploadFile[];
+    /**
+     * 默认值（已上传文件）
+     */
+    defaultValue?: UploadFile[];
+    /**
+     * 是否禁止使用
+     */
+    disabled?: boolean;
+    /**
+     * 自定义上传按钮样式
+     */
+    children?: React.ReactNode;
+    /**
+     * 单选（multiple为false）时是否允许修改 默认不允许
+     */
+    allowMofify?: boolean;
+    /**
+     * 定义多选时最多允许上传多少图片，超出会自动截断并隐藏上传按钮,0表示不做限制，默认0
+     */
+    maxCount?: number;
+    /**
+     * 是否允许删除 默认 true 允许删除
+     */
+    allowClear?: boolean;
+}
+declare const MediaUploader: React.FC<MediaUploaderProps>;
+export default MediaUploader;

package/es/components/media-uploader/index.js

@@ -0,0 +1 @@
+import{objectWithoutProperties as e,slicedToArray as n,asyncToGenerator as i,regenerator as r,objectSpread2 as a,regeneratorValues as l,toConsumableArray as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as u}from"react/jsx-runtime";import s from"react";import c from"classnames";import{chooseImage as d,chooseMedia as m}from"@tarojs/taro";import{View as p,Image as f}from"@tarojs/components";import{isPromise as v}from"../../utils/is.js";import y from"../icon/index.js";var h=["disabled","onChange","defaultValue","chooseApiType","beforeUpload","customUpload","uploadRequest","chooseMediaOption","chooseImageOption","children","maxCount","allowMofify","multiple","onRemove","allowClear"],g=function(g){var b,w,N,k=g.disabled,j=g.onChange,C=g.defaultValue,L=g.chooseApiType,P=void 0===L?"image":L,O=g.beforeUpload,F=g.customUpload,U=g.uploadRequest,T=g.chooseMediaOption,x=g.chooseImageOption,M=g.children,A=g.maxCount,R=void 0===A?0:A,S=g.allowMofify,E=g.multiple,I=void 0===E||E,V=g.onRemove,q=g.allowClear,D=void 0===q||q,_=e(g,h),B=s.useState(C||[]),G=n(B,2),H=G[0],W=G[1],z=function(){var e=i(r().m(function e(){var n,t,u;return r().w(function(e){for(;;)switch(e.n){case 0:if(!k){e.n=1;break}return e.a(2);case 1:if(!F){e.n=3;break}return e.n=2,F();case 2:return n=e.v,t=n.fileList,W(t),j&&j(n),e.a(2);case 3:u=function(){var e,n,t=function(e,n){if(!I){var i=a(a({},e),{},{status:n.status,percent:n.percent||10});return{file:i,fileList:[i]}}var r,l=null==H?void 0:H.findIndex(function(i){return i.uid===((null==n?void 0:n.originUid)||e.uid)});return l>=0?((r=H[l]).status=n.status,r.percent=n.percent||10,H[l]=r):(r=a(a({},e),{},{status:n.status,percent:n.percent||10}),H.push(r)),{file:r,fileList:o(H)}},u=function(e,n){var i=t(a({},e),{status:"done",originUid:n}),r=i.file,l=i.fileList;j&&j({file:r,fileList:l}),W(l)},s=function(e,n){var i=a(a({},e),{},{status:"error"}),r=t(i,{status:"error",originUid:n}),l=r.file,o=r.fileList;j&&j({file:l,fileList:o}),W(o)},c=function(e,n){var i=n.percent,r=t(e,{status:"uploading",percent:i}),a=r.file,l=r.fileList;j&&j({file:a,fileList:l}),W(l)};return"image"===P?a(a({},x||{}),{},{count:I&&(null==x?void 0:x.count)||1,success:(e=i(r().m(function e(n){var i,o,t,d,m,p;return r().w(function(e){for(;;)switch(e.n){case 0:i=n.tempFiles,o=i,R&&(t=R-H.length,o=i.slice(0,t)),d=r().m(function e(){var n,i;return r().w(function(e){for(;;)switch(e.n){case 0:return n=o[p],e.n=1,J(n,o);case 1:if(e.v){e.n=2;break}return e.a(2,{v:void 0});case 2:return i="".concat(p).concat((new Date).valueOf()),e.n=3,null==U?void 0:U({file:n,fileList:o,onSuccess:function(e){u(a({type:n.type},e),i)},onError:function(){var e;return s({url:n.path,name:null===(e=n.originalFileObj)||void 0===e?void 0:e.name,uid:i,type:n.type},i)},onProgress:function(e){var r;return c({url:n.path,name:null===(r=n.originalFileObj)||void 0===r?void 0:r.name,uid:i,type:n.type},e)}});case 3:return e.a(2)}},e)}),p=0;case 1:if(!(p<o.length)){e.n=4;break}return e.d(l(d()),2);case 2:if(!(m=e.v)){e.n=3;break}return e.a(2,m.v);case 3:p++,e.n=1;break;case 4:return e.a(2)}},e)})),function(n){return e.apply(this,arguments)})}):a(a({},T||{}),{},{count:I&&(null==x?void 0:x.count)||1,success:(n=i(r().m(function e(n){var i,o,t,d,m,p;return r().w(function(e){for(;;)switch(e.n){case 0:i=n.tempFiles,o=i,R&&(t=R-H.length,o=i.slice(0,t)),d=r().m(function e(){var n,i;return r().w(function(e){for(;;)switch(e.n){case 0:return n=o[p],e.n=1,J(n,o);case 1:if(e.v){e.n=2;break}return e.a(2,{v:void 0});case 2:return i="".concat(p).concat((new Date).valueOf()),e.n=3,null==U?void 0:U({file:n,fileList:o,onSuccess:function(e){u(a({type:n.fileType},e),i)},onError:function(){var e;return s({url:n.tempFilePath,name:null===(e=n.originalFileObj)||void 0===e?void 0:e.name,uid:i,type:n.fileType},i)},onProgress:function(e){var r;return c({url:n.tempFilePath,name:null==n||null===(r=n.originalFileObj)||void 0===r?void 0:r.name,uid:i,type:n.fileType},e)}});case 3:return e.a(2)}},e)}),p=0;case 1:if(!(p<o.length)){e.n=4;break}return e.d(l(d()),2);case 2:if(!(m=e.v)){e.n=3;break}return e.a(2,m.v);case 3:p++,e.n=1;break;case 4:return e.a(2)}},e)})),function(e){return n.apply(this,arguments)})})},("image"===P?d:m)(u());case 4:return e.a(2)}},e)}));return function(){return e.apply(this,arguments)}}(),J=function(e,n){if(!O)return Promise.resolve(!0);var i=null==O?void 0:O(e,n);return v(i)?i:Promise.resolve(i)},K=function(e){if(!V)return Promise.resolve(!0);var n=null==V?void 0:V(e,H);return v(n)?n:Promise.resolve(n)},Q=function(){var e=i(r().m(function e(n){var i,l;return r().w(function(e){for(;;)switch(e.n){case 0:if(!V){e.n=2;break}return e.n=1,K(n);case 1:if(e.v){e.n=2;break}return e.a(2);case 2:i=null==H?void 0:H.find(function(e){return e.uid===n.uid}),l=null==H?void 0:H.filter(function(e){return e.uid!==n.uid}),W(l),j&&j({file:a(a({},i),{},{status:"removed"}),fileList:l});case 3:return e.a(2)}},e)}));return function(n){return e.apply(this,arguments)}}();return s.useEffect(function(){"value"in _&&W(_.value)},[_]),I?t(p,{className:"ypmini-media-uploader-list",children:[null==H?void 0:H.map(function(e){return t(p,{className:"ypmini-media-uploader-cell",children:[D&&!k?u(p,{className:"ypmini-media-uploader-cell-delete",onClick:function(n){n.stopPropagation(),Q(e)},children:u(y,{className:"ypmini-media-uploader-cell-delete-icon",name:"close"})}):null,"uploading"===(null==e?void 0:e.status)&&((null==e?void 0:e.percent)||0)<10?u(p,{className:"ypmini-media-uploader-process-mask",children:u(p,{className:"ypmini-media-uploader-process-bar",children:u(p,{className:"ypmini-media-uploader-process-bar-inner",style:{width:"".concat(10*((null==e?void 0:e.percent)||0),"%")}})})}):null,u(f,{className:"ypmini-media-uploader-image-view",src:e.url})]},e.uid)}),R&&(null==H?void 0:H.length)>=R?null:u(p,{className:"ypmini-media-uploader-cell ypmini-media-uploader-button",onClick:function(){return z()},children:M||u(y,{className:"ypmini-media-uploader-icon",name:"add"})})]}):null!=H&&H[0]?t(p,{className:c("ypmini-media-uploader-cell",{"ypmini-media-uploader-cell-single":!I}),onClick:function(e){S&&z()},children:[D&&!k?u(p,{className:"ypmini-media-uploader-cell-delete",onClick:function(e){e.stopPropagation(),Q(null==H?void 0:H[0])},children:u(y,{className:"ypmini-media-uploader-cell-delete-icon",name:"close"})}):null,"uploading"===(null==H||null===(b=H[0])||void 0===b?void 0:b.status)&&((null==H||null===(w=H[0])||void 0===w?void 0:w.percent)||0)<10?u(p,{className:"ypmini-media-uploader-process-mask",children:u(p,{className:"ypmini-media-uploader-process-bar",children:u(p,{className:"ypmini-media-uploader-process-bar-inner",style:{width:"".concat(10*((null==H||null===(N=H[0])||void 0===N?void 0:N.percent)||0),"%")}})})}):null,u(f,{className:"ypmini-media-uploader-image-view",src:null==H?void 0:H[0].url})]}):u(p,{className:c("ypmini-media-uploader-cell","ypmini-media-uploader-button",{"ypmini-media-uploader-button-single":!I}),onClick:function(){return z()},children:M||u(y,{className:"ypmini-media-uploader-icon",name:"add"})})};g.displayName="MediaUploader";export{g as default};

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