@zamlia/mini-ui 0.0.1 → 0.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/industry/CitySelectButton/index.d.ts.map +1 -1
- package/lib/components/industry/CitySelectButton/index.d.ts.map +1 -1
- package/lib/styles/index.css +1 -0
- package/lib/styles/index.css.map +1 -0
- package/package.json +9 -7
- package/es/styles/_base.scss +0 -4
- package/es/styles/index.scss +0 -19
- package/es/styles/mixins.scss +0 -15
- package/es/styles/variables.scss +0 -2
- package/lib/styles/_base.scss +0 -4
- package/lib/styles/index.scss +0 -19
- package/lib/styles/mixins.scss +0 -15
- package/lib/styles/variables.scss +0 -2
- package/src/components/common/BottomPopup/index.scss +0 -34
- package/src/components/common/BottomPopup/index.tsx +0 -129
- package/src/components/common/Card/index.scss +0 -160
- package/src/components/common/Card/index.tsx +0 -72
- package/src/components/common/CardItem/index.tsx +0 -153
- package/src/components/common/DataSelect/index.tsx +0 -86
- package/src/components/common/Modal/index.scss +0 -49
- package/src/components/common/Modal/index.tsx +0 -105
- package/src/components/common/NavBar/index.scss +0 -26
- package/src/components/common/NavBar/index.tsx +0 -81
- package/src/components/common/Page/index.scss +0 -19
- package/src/components/common/Page/index.tsx +0 -56
- package/src/components/common/PullToPushRefresh/index.scss +0 -38
- package/src/components/common/PullToPushRefresh/index.tsx +0 -338
- package/src/components/common/Radio/index.scss +0 -15
- package/src/components/common/Radio/index.tsx +0 -56
- package/src/components/common/TabPane/index.tsx +0 -26
- package/src/components/common/Tabs/index.scss +0 -60
- package/src/components/common/Tabs/index.tsx +0 -107
- package/src/components/common/UploadFile/index.scss +0 -59
- package/src/components/common/UploadFile/index.tsx +0 -321
- package/src/components/common/UploadFile/upload.ts +0 -63
- package/src/components/common/UploadFile/utils.ts +0 -81
- package/src/components/common/VideoView/index.tsx +0 -50
- package/src/components/common/index.ts +0 -23
- package/src/components/industry/CitySelectButton/index.tsx +0 -76
- package/src/components/industry/CitySelectModal/index.scss +0 -122
- package/src/components/industry/CitySelectModal/index.tsx +0 -121
- package/src/components/industry/PaymentMethodSelect/index.scss +0 -146
- package/src/components/industry/PaymentMethodSelect/index.tsx +0 -316
- package/src/components/industry/index.ts +0 -5
- package/src/config/classPrefix.ts +0 -44
- package/src/index.ts +0 -9
- package/src/styles/_base.scss +0 -4
- package/src/styles/index.scss +0 -19
- package/src/styles/mixins.scss +0 -15
- package/src/styles/variables.scss +0 -2
- package/src/utils/city.ts +0 -4072
- package/src/utils/index.ts +0 -155
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/industry/CitySelectButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAwB,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/industry/CitySelectButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAwB,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC;;;MAGE;IACF,YAAY,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,YAAY,CAAA;CACtD,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAuDrD,CAAA;AAED,eAAe,gBAAgB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/industry/CitySelectButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAwB,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/industry/CitySelectButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAwB,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC;;;MAGE;IACF,YAAY,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,YAAY,CAAA;CACtD,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAuDrD,CAAA;AAED,eAAe,gBAAgB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.we-popup{color:red}.we-popup .nut-overlay{z-index:100 !important}.we-popup .nut-popup{position:fixed}.we-popup .nut-popup__close-icon--top-right{width:12px;height:12px}.we-popup .nut-popup__close-icon--top-right text{font-size:10px}.we-popup__title{font-size:32px;color:#000}.we-popup__footer-fixed{position:fixed;bottom:0;left:0}.we-card{width:690px;margin:0 auto;padding:25px 30px 30px;box-sizing:border-box;border-radius:20px;background:#fff;font-size:26px;color:#333}.we-card__header{margin-bottom:40px;padding-bottom:20px;display:flex;justify-content:space-between;align-items:center}.we-card__header-title{font-size:30px;font-weight:bold}.we-card__header-border{border-bottom:1px solid #f0f0f0}.we-card__footer-btns{display:flex;align-items:center;flex-direction:row-reverse}.we-card__footer-btns--hidden{position:relative;width:80px;height:51px;text-align:center;line-height:42px;letter-spacing:4px;font-weight:bold}.we-card__footer-btns--hidden__list{margin-top:8px;margin-left:-32px;position:absolute;width:max-content;background:#fff;border-radius:20px;box-shadow:0 2px 12px rgba(50,50,51,.122);z-index:10001}.we-card__footer-btns--hidden__list-item{padding:12px;box-sizing:border-box;border-bottom:1px solid #eee}.we-card__footer-btns--hidden__list-item .bd-card-footer-btn{margin-inline:0 !important;border:none !important}.we-card__footer-btns--hidden__list-item:nth-last-child(1){border-bottom:none}.we-card__footer-btns--hidden__list::after{content:"";position:absolute;top:-15px;left:0;right:0;margin:auto;width:0;height:0;border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);border-bottom:15px solid #fff}.we-card-item{position:relative;margin-bottom:30px;padding-inline:8px;box-sizing:border-box;font-size:28px;color:#333}.we-card-item__l{margin-right:31px;color:#999}.we-card-item__l-col{margin-bottom:12px}.we-card-item__v-absolute{width:max-content;height:max-content;position:absolute;right:8px;top:0;bottom:0;margin:auto}.we-card-item__extra{flex-grow:1;display:flex;justify-content:flex-end}.we-card-item:nth-last-child(1){margin-bottom:0}.we-card-item--align-start{align-items:flex-start !important}.we-card-item--align-center{align-items:center !important}.we-card-item--align-end{align-items:flex-end !important}.we-card-item--row{display:flex;justify-content:space-between;align-items:center}.we-card-item--row-start{justify-content:flex-start !important}.we-card-item--row-between{justify-content:space-between !important}.we-modal .nut-dialog{position:relative;min-width:80vw}.we-modal .nut-dialog__content{padding-inline:24px;box-sizing:border-box}.we-modal__close{position:fixed !important;top:36px;right:50px}.we-modal__btn{width:48%;min-width:230px;height:78px;border-radius:20px;font-size:24px;line-height:78px;text-align:center;border:1px solid #3b4eae}.we-modal__btn-cancel{margin-right:20px;background:#f0f0f0;color:#666;border-color:rgba(0,0,0,0)}.we-modal__btn-confirm{background:#3b4eae;color:#fff}.we-modal__btn-confirm-large{min-width:330px;border-radius:40px}.transparent-nav{width:100vw;display:flex;align-items:center;box-sizing:border-box;top:0;left:0;z-index:1000}.transparent-nav--center{font-weight:600;font-size:36px;color:#1d1b1b;line-height:50px;display:flex;justify-content:center;align-items:center}.transparent-nav--fixed{position:fixed;top:0;left:0;z-index:1000}.we-page{width:100%}.we-page__loading{padding:50px 0;text-align:center;display:flex;justify-content:center}.we-page__empty{width:100%;text-align:center;height:100px;line-height:100px;font-size:28px;color:#666}.we-list .scroll{height:100%}.we-list__bottom{margin:0 auto;text-align:center;height:200px;line-height:200px;font-size:24px;color:#999}.we-list__text{font-size:24px;color:#999}.we-list__ptpr{display:flex;align-items:center;justify-content:center;height:200px}.we-list__ptpr .nut-loading-icon{width:20px !important;height:20px !important;font-size:16px !important}.we-list__ptpr .nut-loading-text{font-size:12px !important}.we-radio{display:flex;justify-content:center;align-items:center;width:31px;height:31px;border:2px solid #d7d7d7;border-radius:50%}.we-radio--select{border-color:rgba(0,0,0,0) !important;background:#3b4eae}.we-tabs__header{padding-inline:20px;box-sizing:border-box;height:92px;background-color:#fff;overflow:hidden}.we-tabs__header-item{position:relative;font-size:28px;line-height:92px;text-align:center}.we-tabs__header-item__text{color:#333}.we-tabs__header-item__line{position:absolute;left:0;right:0;bottom:0px;margin:auto;width:59px;height:14px;background:#3b4eae;border-radius:7px;opacity:0}.we-tabs__header-item--active{font-weight:bold}.we-tabs__header-item--active .bd-tabs__header-item__line{overflow:hidden;opacity:1}.we-tabs__list{height:100%;display:flex;align-items:center}.we-tabs__header-border{border-bottom:1px solid #f0f0f0}.we-tabs__body{overflow:hidden}.uploadImg{display:flex;flex-wrap:wrap}.uploadImg__item{position:relative;margin-right:9px;margin-bottom:10px;width:140px;height:142px;border-radius:10px;overflow:hidden}.uploadImg__item .deleteImg{position:absolute;top:0;right:0;width:31px;height:31px}.uploadImg__item image{width:100%;height:100%}.uploadImg__item:nth-child(4n){margin-right:0}.uploadImg__add{position:relative;width:140px;height:142px;background:#f0f0f0;border-radius:10px}.uploadImg__add .add_icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:30px;height:30px}.uploadImg__add .add_icon:nth-child(2){top:25%;left:51%;width:2px;height:60px}.we-select-city .nut-overlay{z-index:2001}.we-select-city__wrapper{padding-bottom:50px;box-sizing:border-box;width:100vw;height:100vh;overflow:hidden;background:#fff}.we-select-city__title{display:flex;align-items:center;margin-bottom:34px;padding-inline:20px;box-sizing:border-box;font-size:48px;color:#303030}.we-select-city__title__back{margin-right:20px}.we-select-city__search{padding:0 40px 0 50px;box-sizing:border-box;margin:0 auto 48px;display:flex;align-items:center;width:670px;height:74px;background:#f5f5f5;border-radius:37px}.we-select-city__search .nut-input{padding-left:12px;background:rgba(0,0,0,0)}.we-select-city__search-icon{width:31px;height:31px}.we-select-city__search-btn{width:74px;height:74px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#3b4eae}.we-select-city__hot{margin-bottom:30px}.we-select-city__hot-title{margin-bottom:30px;padding-inline:20px;box-sizing:border-box;font-size:34px;color:#303030}.we-select-city__hot-list{margin:0 auto;width:690px;display:flex;align-items:center;flex-wrap:wrap}.we-select-city__hot-list-item{margin-bottom:18px;margin-right:20px;height:68px;text-align:center;line-height:68px;background:#f5f5f5;border-radius:10px;font-size:28px;border-radius:10px;width:142.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.we-select-city__hot-list-item:nth-child(4n){margin-right:0}.we-select-city__list{height:calc(100vh - 250px);overflow-y:scroll}.we-select-city__list-item{padding-left:10px;box-sizing:border-box;margin:0 auto;display:flex;align-items:center;width:690px;height:86px;font-size:28px;border-radius:10px;border-bottom:1px solid #f7f4f4}.we-select-city__list-item:nth-last-child(1){border-bottom:none}.we-payment-method{padding:32px 32px 40px;min-height:400px}.we-payment-method__item{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background-color .2s}.we-payment-method__item:active{background-color:#fafafa}.we-payment-method__item:last-of-type{border-bottom:none}.we-payment-method__item-left{display:flex;align-items:center;flex:1}.we-payment-method__icon{width:64px;height:64px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:24px;flex-shrink:0}.we-payment-method__icon-wechat{background-color:#07c160;position:relative}.we-payment-method__icon-wechat-inner{width:40px;height:40px;background-color:#fff;border-radius:6px;position:relative;display:flex;align-items:center;justify-content:center}.we-payment-method__icon-wechat-dot{width:6px;height:6px;background-color:#07c160;border-radius:50%;position:absolute}.we-payment-method__icon-wechat-dot:first-child{top:8px;left:8px}.we-payment-method__icon-wechat-dot:last-child{bottom:8px;right:8px}.we-payment-method__icon-alipay{background-color:#1677ff}.we-payment-method__icon-alipay-text{color:#fff;font-size:36px;font-weight:600}.we-payment-method__name{font-size:32px;color:#333;font-weight:400}.we-payment-method__check{width:40px;height:40px;border-radius:50%;border:2px solid #d9d9d9;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.we-payment-method__check-selected{background-color:#1677ff;border-color:#1677ff}.we-payment-method__check-icon{width:20px;height:20px;position:relative}.we-payment-method__check-icon::before,.we-payment-method__check-icon::after{content:"";position:absolute;background-color:#fff;border-radius:2px}.we-payment-method__check-icon::before{width:2px;height:10px;left:6px;top:2px;transform:rotate(45deg)}.we-payment-method__check-icon::after{width:2px;height:6px;right:6px;top:6px;transform:rotate(-45deg)}.we-payment-method__footer{margin-top:40px;padding-top:32px;border-top:1px solid #f5f5f5}.we-payment-method__confirm-btn{width:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["file:///Users/liuhan/Documents/project/%E8%87%AA%E5%B7%B1%E7%9A%84/components/dev/we-mini-ui/packages/components/src/components/common/BottomPopup/index.scss","file:///Users/liuhan/Documents/project/%E8%87%AA%E5%B7%B1%E7%9A%84/components/dev/we-mini-ui/packages/components/src/components/common/Card/index.scss","file:///Users/liuhan/Documents/project/%E8%87%AA%E5%B7%B1%E7%9A%84/components/dev/we-mini-ui/packages/components/src/components/common/Modal/index.scss","file:///Users/liuhan/Documents/project/%E8%87%AA%E5%B7%B1%E7%9A%84/components/dev/we-mini-ui/packages/components/src/styles/variables.scss","file:///Users/liuhan/Documents/project/%E8%87%AA%E5%B7%B1%E7%9A%84/components/dev/we-mini-ui/packages/components/src/components/common/NavBar/index.scss","file:///Users/liuhan/Documents/project/%E8%87%AA%E5%B7%B1%E7%9A%84/components/dev/we-mini-ui/packages/components/src/components/common/Page/index.scss","file:///Users/liuhan/Documents/project/%E8%87%AA%E5%B7%B1%E7%9A%84/components/dev/we-mini-ui/packages/components/src/components/common/PullToPushRefresh/index.scss","file:///Users/liuhan/Documents/project/%E8%87%AA%E5%B7%B1%E7%9A%84/components/dev/we-mini-ui/packages/components/src/components/common/Radio/index.scss","file:///Users/liuhan/Documents/project/%E8%87%AA%E5%B7%B1%E7%9A%84/components/dev/we-mini-ui/packages/components/src/components/common/Tabs/index.scss","file:///Users/liuhan/Documents/project/%E8%87%AA%E5%B7%B1%E7%9A%84/components/dev/we-mini-ui/packages/components/src/components/common/UploadFile/index.scss","file:///Users/liuhan/Documents/project/%E8%87%AA%E5%B7%B1%E7%9A%84/components/dev/we-mini-ui/packages/components/src/components/industry/CitySelectModal/index.scss","file:///Users/liuhan/Documents/project/%E8%87%AA%E5%B7%B1%E7%9A%84/components/dev/we-mini-ui/packages/components/src/styles/mixins.scss","file:///Users/liuhan/Documents/project/%E8%87%AA%E5%B7%B1%E7%9A%84/components/dev/we-mini-ui/packages/components/src/components/industry/PaymentMethodSelect/index.scss"],"names":[],"mappings":"AAAA,UACE,UACA,uBACE,uBAGF,qBACE,eAIA,4CACE,WACA,YAEA,iDACE,eAKN,iBACE,eACA,WAKF,wBACE,eACA,SACA,OC7BJ,SACE,YACA,cACA,uBACA,sBACA,mBACA,gBACA,eACA,WAEA,iBACE,mBACA,oBACA,aACA,8BACA,mBAEA,uBACE,eACA,iBAIJ,wBACE,gCAKF,sBACE,aACA,mBACA,2BAEA,8BACE,kBACA,WACA,YACA,kBACA,iBACA,mBACA,iBAEA,oCACE,eACA,kBACA,kBACA,kBACA,gBACA,mBACA,0CACA,cAEA,yCACE,aACA,sBACA,6BAGA,6DACE,2BACA,uBAIJ,2DACE,mBAIJ,2CACE,WACA,kBACA,UACA,OACA,QACA,YACA,QACA,SACA,qCACA,sCACA,8BAMR,cACE,kBACA,mBACA,eA5FyB,IA6FzB,sBACA,eACA,WAEA,iBACE,kBACA,WAGF,qBACE,mBASF,0BACE,kBACA,mBACA,kBACA,MApHuB,IAqHvB,MACA,SACA,YAGF,qBACE,YACA,aACA,yBAIJ,gCACE,gBAGF,2BACE,kCAGF,4BACE,8BAGF,yBACE,gCAGF,mBACE,aACA,8BACA,mBAGF,yBACE,sCAGF,2BACE,yCCxJA,sBACE,kBACA,eAEA,+BACE,oBACA,sBAMJ,iBACE,0BACA,SACA,WAGF,eACE,UACA,gBACA,YACA,mBACA,eACA,iBACA,kBACA,yBAGF,sBACE,kBACA,mBACA,WACA,2BAGF,uBACE,WCxCY,QDyCZ,WAGF,6BACE,gBACA,mBE/CJ,iBACE,YACA,aACA,mBACA,sBACA,MACA,OACA,aAGF,yBACE,gBACA,eACA,cACA,iBACA,aACA,uBACA,mBAGF,wBACE,eACA,MACA,OACA,aCxBF,SACE,WAEA,kBACE,eACA,kBACA,aACA,uBAGF,gBACE,WACA,kBACA,aACA,kBACA,eACA,WCfF,iBACE,YAGF,iBACE,cACA,kBACA,aACA,kBACA,eACA,WAKF,eACE,eACA,WAGF,eACE,aACA,mBACA,uBACA,aAEA,iCACE,sBACA,uBACA,0BAGF,iCACE,0BChCN,UACE,aACA,uBACA,mBACA,WACA,YACA,yBACA,kBAGF,kBACE,sCACA,WJbc,QKKd,iBACE,oBACA,sBACA,OAPiB,KAQjB,sBACA,gBAEA,sBACE,kBACA,eACA,YAde,KAef,kBAEA,4BACE,MAjBkB,KAoBpB,4BACE,kBACA,OACA,QACA,WACA,YACA,WACA,YACA,WL9BQ,QK+BR,kBACA,UAIJ,8BACE,iBAEA,0DACE,gBACA,UAKN,eACE,YACA,aACA,mBAGF,wBACE,gCAGF,eACE,gBC1DJ,WACE,aACA,eAEA,iBACE,kBACA,iBACA,mBACA,YACA,aACA,mBACA,gBAEA,4BACE,kBACA,MACA,QACA,WACA,YAIF,uBACE,WACA,YAIJ,+BACE,eAGF,gBACE,kBACA,YACA,aACA,mBACA,mBAEA,0BACE,kBACA,MACA,SACA,OACA,QACA,YACA,WACA,YAIF,uCACE,QACA,SACA,UACA,YCpDJ,6BACE,aAGF,yBACE,oBACA,sBACA,YACA,aACA,gBACA,gBAKF,uBACE,aACA,mBACA,mBACA,oBACA,sBACA,eACA,cAEA,6BACE,kBAIJ,wBACE,sBACA,sBACA,mBACA,aACA,mBACA,YACA,YACA,mBACA,mBAEA,mCACE,kBACA,yBAGF,6BACE,WACA,YAGF,4BACE,WACA,YACA,aACA,mBACA,uBACA,eACA,MP3DU,QO+Dd,qBACE,mBAEA,2BACE,mBACA,oBACA,sBACA,eACA,cAGF,0BACE,cACA,YACA,aACA,mBACA,eAEA,+BACE,mBACA,kBACA,YACA,kBACA,iBACA,mBACA,mBACA,eACA,mBCjFN,MDkF6B,QCjF7B,gBACA,uBACA,mBDkFI,6CACE,eAKN,sBACE,2BACA,kBAEA,2BACE,kBACA,sBACA,cACA,aACA,mBACA,YACA,YACA,eACA,mBACA,gCAGF,6CACE,mBEvHN,mBACE,uBACA,iBAEA,yBACE,aACA,mBACA,8BACA,eACA,gCACA,eACA,gCAEA,gCACE,yBAGF,sCACE,mBAIJ,8BACE,aACA,mBACA,OAGF,yBACE,WACA,YACA,kBACA,aACA,mBACA,uBACA,kBACA,cAGF,gCACE,yBACA,kBAGF,sCACE,WACA,YACA,sBACA,kBACA,kBACA,aACA,mBACA,uBAGF,oCACE,UACA,WACA,yBACA,kBACA,kBAEA,gDACE,QACA,SAGF,+CACE,WACA,UAIJ,gCACE,yBAGF,qCACE,WACA,eACA,gBAGF,yBACE,eACA,WACA,gBAGF,0BACE,WACA,YACA,kBACA,yBACA,aACA,mBACA,uBACA,cACA,mBAGF,mCACE,yBACA,qBAGF,+BACE,WACA,YACA,kBAEA,6EAEE,WACA,kBACA,sBACA,kBAGF,uCACE,UACA,YACA,SACA,QACA,wBAGF,sCACE,UACA,WACA,UACA,QACA,yBAIJ,2BACE,gBACA,iBACA,6BAGF,gCACE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zamlia/mini-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.12",
|
|
4
4
|
"description": "基于 Taro 和 nut-ui 的小程序通用组件库",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "gitee",
|
|
@@ -20,20 +20,19 @@
|
|
|
20
20
|
"import": "./es/index.js",
|
|
21
21
|
"require": "./lib/index.js"
|
|
22
22
|
},
|
|
23
|
-
"./style": "./lib/styles/index.css"
|
|
24
|
-
"./style.scss": "./src/styles/index.scss"
|
|
23
|
+
"./style": "./lib/styles/index.css"
|
|
25
24
|
},
|
|
26
25
|
"files": [
|
|
27
26
|
"lib",
|
|
28
|
-
"es"
|
|
29
|
-
"src"
|
|
27
|
+
"es"
|
|
30
28
|
],
|
|
31
29
|
"scripts": {
|
|
30
|
+
"npm-publish": "npm publish",
|
|
32
31
|
"build": "npm run generate:styles && rollup -c && npm run build:styles",
|
|
32
|
+
"build:styles": "node scripts/build-styles.js",
|
|
33
33
|
"build:lib": "rollup -c --environment BUILD:cjs",
|
|
34
34
|
"build:es": "rollup -c --environment BUILD:esm",
|
|
35
35
|
"build:dts": "rollup -c --environment BUILD:dts",
|
|
36
|
-
"build:styles": "node scripts/copy-styles.js",
|
|
37
36
|
"generate:styles": "node scripts/generate-styles.js",
|
|
38
37
|
"dev": "npm run generate:styles && rollup -c --watch",
|
|
39
38
|
"dev:lib": "rollup -c --watch --environment BUILD:cjs",
|
|
@@ -73,9 +72,12 @@
|
|
|
73
72
|
"@rollup/plugin-commonjs": "^25.0.7",
|
|
74
73
|
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
75
74
|
"@rollup/plugin-terser": "^0.4.4",
|
|
75
|
+
"cssnano": "^7.1.2",
|
|
76
76
|
"rollup": "^4.0.0",
|
|
77
77
|
"rollup-plugin-dts": "^6.1.0",
|
|
78
78
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
79
|
-
"rollup-plugin-
|
|
79
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
80
|
+
"rollup-plugin-typescript2": "^0.36.0",
|
|
81
|
+
"sass": "^1.97.2"
|
|
80
82
|
}
|
|
81
83
|
}
|
package/es/styles/_base.scss
DELETED
package/es/styles/index.scss
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
// 导入全局变量和 mixin
|
|
2
|
-
@import './variables';
|
|
3
|
-
@import './mixins';
|
|
4
|
-
|
|
5
|
-
// 导入组件库样式
|
|
6
|
-
// 通用组件
|
|
7
|
-
@import '../components/common/BottomPopup';
|
|
8
|
-
@import '../components/common/Card';
|
|
9
|
-
@import '../components/common/Modal';
|
|
10
|
-
@import '../components/common/NavBar';
|
|
11
|
-
@import '../components/common/Page';
|
|
12
|
-
@import '../components/common/PullToPushRefresh';
|
|
13
|
-
@import '../components/common/Radio';
|
|
14
|
-
@import '../components/common/Tabs';
|
|
15
|
-
@import '../components/common/UploadFile';
|
|
16
|
-
|
|
17
|
-
// 行业特定组件
|
|
18
|
-
@import '../components/industry/CitySelectModal';
|
|
19
|
-
@import '../components/industry/PaymentMethodSelect';
|
package/es/styles/mixins.scss
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
// 背景图片 mixin
|
|
2
|
-
@mixin bgImg($url) {
|
|
3
|
-
background-image: url($url);
|
|
4
|
-
background-repeat: no-repeat;
|
|
5
|
-
background-position: center;
|
|
6
|
-
background-size: contain;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
// 文本省略 mixin
|
|
10
|
-
@mixin text-ellipsis($width: 100%) {
|
|
11
|
-
width: $width;
|
|
12
|
-
overflow: hidden;
|
|
13
|
-
text-overflow: ellipsis;
|
|
14
|
-
white-space: nowrap;
|
|
15
|
-
}
|
package/es/styles/variables.scss
DELETED
package/lib/styles/_base.scss
DELETED
package/lib/styles/index.scss
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
// 导入全局变量和 mixin
|
|
2
|
-
@import './variables';
|
|
3
|
-
@import './mixins';
|
|
4
|
-
|
|
5
|
-
// 导入组件库样式
|
|
6
|
-
// 通用组件
|
|
7
|
-
@import '../components/common/BottomPopup';
|
|
8
|
-
@import '../components/common/Card';
|
|
9
|
-
@import '../components/common/Modal';
|
|
10
|
-
@import '../components/common/NavBar';
|
|
11
|
-
@import '../components/common/Page';
|
|
12
|
-
@import '../components/common/PullToPushRefresh';
|
|
13
|
-
@import '../components/common/Radio';
|
|
14
|
-
@import '../components/common/Tabs';
|
|
15
|
-
@import '../components/common/UploadFile';
|
|
16
|
-
|
|
17
|
-
// 行业特定组件
|
|
18
|
-
@import '../components/industry/CitySelectModal';
|
|
19
|
-
@import '../components/industry/PaymentMethodSelect';
|
package/lib/styles/mixins.scss
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
// 背景图片 mixin
|
|
2
|
-
@mixin bgImg($url) {
|
|
3
|
-
background-image: url($url);
|
|
4
|
-
background-repeat: no-repeat;
|
|
5
|
-
background-position: center;
|
|
6
|
-
background-size: contain;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
// 文本省略 mixin
|
|
10
|
-
@mixin text-ellipsis($width: 100%) {
|
|
11
|
-
width: $width;
|
|
12
|
-
overflow: hidden;
|
|
13
|
-
text-overflow: ellipsis;
|
|
14
|
-
white-space: nowrap;
|
|
15
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
.we-popup {
|
|
2
|
-
color: red;
|
|
3
|
-
.nut-overlay {
|
|
4
|
-
z-index: 100 !important;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.nut-popup {
|
|
8
|
-
position: fixed;
|
|
9
|
-
|
|
10
|
-
&-title {}
|
|
11
|
-
|
|
12
|
-
&__close-icon--top-right {
|
|
13
|
-
width: 12px;
|
|
14
|
-
height: 12px;
|
|
15
|
-
|
|
16
|
-
text {
|
|
17
|
-
font-size: 10px;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
&__title {
|
|
23
|
-
font-size: 32px;
|
|
24
|
-
color: #000000;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
&__footer {}
|
|
28
|
-
|
|
29
|
-
&__footer-fixed {
|
|
30
|
-
position: fixed;
|
|
31
|
-
bottom: 0;
|
|
32
|
-
left: 0;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
import React, { CSSProperties, PropsWithChildren, useEffect, useState, useImperativeHandle } from 'react';
|
|
2
|
-
import { Popup, PopupProps } from '@nutui/nutui-react-taro';
|
|
3
|
-
import { View, Text } from '@tarojs/components';
|
|
4
|
-
import { Close } from '@nutui/icons-react-taro';
|
|
5
|
-
import './index.scss';
|
|
6
|
-
|
|
7
|
-
export type BottomPopupProps = {
|
|
8
|
-
/**
|
|
9
|
-
* 标题
|
|
10
|
-
*/
|
|
11
|
-
title?: string | React.ReactElement
|
|
12
|
-
/**
|
|
13
|
-
* 弹窗是否开启
|
|
14
|
-
* @default false
|
|
15
|
-
*/
|
|
16
|
-
visible?: boolean
|
|
17
|
-
/**
|
|
18
|
-
* 弹窗高度
|
|
19
|
-
*/
|
|
20
|
-
height?: number
|
|
21
|
-
/**
|
|
22
|
-
* 是否展示关闭按钮
|
|
23
|
-
* @default false
|
|
24
|
-
*/
|
|
25
|
-
showClose?: boolean
|
|
26
|
-
/**
|
|
27
|
-
* 点击遮罩是否关闭
|
|
28
|
-
* @default false
|
|
29
|
-
*/
|
|
30
|
-
maskClose?: boolean
|
|
31
|
-
/**
|
|
32
|
-
* 自定义头部导航样式
|
|
33
|
-
*/
|
|
34
|
-
customHeaderStyles?: CSSProperties
|
|
35
|
-
/**
|
|
36
|
-
* 底部固定区域
|
|
37
|
-
*/
|
|
38
|
-
bottomFixedCard?: React.ReactElement
|
|
39
|
-
} & Partial<Omit<PopupProps, 'round' | 'transition' | 'position' | 'title'>>;
|
|
40
|
-
|
|
41
|
-
export type BottomPopupRef = {
|
|
42
|
-
/** 打开弹窗 */
|
|
43
|
-
open: () => void
|
|
44
|
-
/** 关闭弹窗 */
|
|
45
|
-
close: () => void
|
|
46
|
-
} | undefined;
|
|
47
|
-
|
|
48
|
-
const BottomPopup: React.FC<PropsWithChildren<BottomPopupProps>> = (props, ref) => {
|
|
49
|
-
const {
|
|
50
|
-
visible: propsVisible = false,
|
|
51
|
-
title,
|
|
52
|
-
height,
|
|
53
|
-
showClose = false,
|
|
54
|
-
maskClose = false,
|
|
55
|
-
customHeaderStyles = {},
|
|
56
|
-
bottomFixedCard,
|
|
57
|
-
children,
|
|
58
|
-
...restProps
|
|
59
|
-
} = props;
|
|
60
|
-
const [visible, setVisible] = useState<boolean>(false);
|
|
61
|
-
|
|
62
|
-
useEffect(() => {
|
|
63
|
-
setVisible(propsVisible)
|
|
64
|
-
}, [propsVisible])
|
|
65
|
-
|
|
66
|
-
/** 打开 */
|
|
67
|
-
const handleOpen = () => {
|
|
68
|
-
setVisible(true)
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
/** 关闭 */
|
|
72
|
-
const handleClose = () => {
|
|
73
|
-
setVisible(false);
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
// 暴露方法给外部
|
|
77
|
-
useImperativeHandle(ref, () => ({
|
|
78
|
-
open: handleOpen,
|
|
79
|
-
close: handleClose,
|
|
80
|
-
}), [])
|
|
81
|
-
|
|
82
|
-
const titleRender = () => {
|
|
83
|
-
if (!title) return
|
|
84
|
-
|
|
85
|
-
if (typeof title === 'string') {
|
|
86
|
-
return (
|
|
87
|
-
<Text className='bd-popup__title'>{title}</Text>
|
|
88
|
-
)
|
|
89
|
-
} else {
|
|
90
|
-
return title
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
const footerRender = () => {
|
|
95
|
-
if (!bottomFixedCard) return
|
|
96
|
-
|
|
97
|
-
return (
|
|
98
|
-
<View className='bd-popup__footer-fixed'>
|
|
99
|
-
{bottomFixedCard}
|
|
100
|
-
</View>
|
|
101
|
-
)
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
return (
|
|
105
|
-
<View className='we-popup'>
|
|
106
|
-
{
|
|
107
|
-
visible && (
|
|
108
|
-
<Popup
|
|
109
|
-
round
|
|
110
|
-
visible={visible}
|
|
111
|
-
transition="slide-top"
|
|
112
|
-
style={{ minHeight: '30%' }}
|
|
113
|
-
position="bottom"
|
|
114
|
-
title={titleRender()}
|
|
115
|
-
onClose={handleClose}
|
|
116
|
-
closeIcon={<Close size={14} />}
|
|
117
|
-
closeable={showClose}
|
|
118
|
-
{...restProps}
|
|
119
|
-
>
|
|
120
|
-
{children}
|
|
121
|
-
{footerRender()}
|
|
122
|
-
</Popup>
|
|
123
|
-
)
|
|
124
|
-
}
|
|
125
|
-
</View>
|
|
126
|
-
);
|
|
127
|
-
};
|
|
128
|
-
|
|
129
|
-
export default React.forwardRef<BottomPopupRef, PropsWithChildren<BottomPopupProps>>(BottomPopup as any);
|
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
$card-item-inline-padding: 8px;
|
|
2
|
-
|
|
3
|
-
.we-card {
|
|
4
|
-
width: 690px;
|
|
5
|
-
margin: 0 auto;
|
|
6
|
-
padding: 25px 30px 30px;
|
|
7
|
-
box-sizing: border-box;
|
|
8
|
-
border-radius: 20px;
|
|
9
|
-
background: #ffffff;
|
|
10
|
-
font-size: 26px;
|
|
11
|
-
color: #333333;
|
|
12
|
-
|
|
13
|
-
&__header {
|
|
14
|
-
margin-bottom: 40px;
|
|
15
|
-
padding-bottom: 20px;
|
|
16
|
-
display: flex;
|
|
17
|
-
justify-content: space-between;
|
|
18
|
-
align-items: center;
|
|
19
|
-
|
|
20
|
-
&-title {
|
|
21
|
-
font-size: 30px;
|
|
22
|
-
font-weight: bold;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&__header-border {
|
|
27
|
-
border-bottom: 1px solid #F0F0F0;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
&__body {}
|
|
31
|
-
|
|
32
|
-
&__footer-btns {
|
|
33
|
-
display: flex;
|
|
34
|
-
align-items: center;
|
|
35
|
-
flex-direction: row-reverse;
|
|
36
|
-
|
|
37
|
-
&--hidden {
|
|
38
|
-
position: relative;
|
|
39
|
-
width: 80px;
|
|
40
|
-
height: 51px;
|
|
41
|
-
text-align: center;
|
|
42
|
-
line-height: 42px;
|
|
43
|
-
letter-spacing: 4px;
|
|
44
|
-
font-weight: bold;
|
|
45
|
-
|
|
46
|
-
&__list {
|
|
47
|
-
margin-top: 8px;
|
|
48
|
-
margin-left: -32px;
|
|
49
|
-
position: absolute;
|
|
50
|
-
width: max-content;
|
|
51
|
-
background: #ffffff;
|
|
52
|
-
border-radius: 20px;
|
|
53
|
-
box-shadow: 0 2px 12px rgba(50, 50, 51, .122);
|
|
54
|
-
z-index: 10001;
|
|
55
|
-
|
|
56
|
-
&-item {
|
|
57
|
-
padding: 12px;
|
|
58
|
-
box-sizing: border-box;
|
|
59
|
-
border-bottom: 1px solid #eeeeee;
|
|
60
|
-
|
|
61
|
-
/** 只要是card footer中的按钮必须加上这个类型 */
|
|
62
|
-
.bd-card-footer-btn {
|
|
63
|
-
margin-inline: 0 !important;
|
|
64
|
-
border: none !important;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
&-item:nth-last-child(1) {
|
|
69
|
-
border-bottom: none;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
&__list::after {
|
|
74
|
-
content: '';
|
|
75
|
-
position: absolute;
|
|
76
|
-
top: -15px;
|
|
77
|
-
left: 0;
|
|
78
|
-
right: 0;
|
|
79
|
-
margin: auto;
|
|
80
|
-
width: 0;
|
|
81
|
-
height: 0;
|
|
82
|
-
border-left: 15px solid transparent;
|
|
83
|
-
border-right: 15px solid transparent;
|
|
84
|
-
border-bottom: 15px solid #ffffff;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.we-card-item {
|
|
91
|
-
position: relative;
|
|
92
|
-
margin-bottom: 30px;
|
|
93
|
-
padding-inline: $card-item-inline-padding;
|
|
94
|
-
box-sizing: border-box;
|
|
95
|
-
font-size: 28px;
|
|
96
|
-
color: #333333;
|
|
97
|
-
|
|
98
|
-
&__l {
|
|
99
|
-
margin-right: 31px;
|
|
100
|
-
color: #999999;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
&__l-col {
|
|
104
|
-
margin-bottom: 12px;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
&__l-text {}
|
|
108
|
-
|
|
109
|
-
&__v {}
|
|
110
|
-
|
|
111
|
-
&__v-text {}
|
|
112
|
-
|
|
113
|
-
&__v-absolute {
|
|
114
|
-
width: max-content;
|
|
115
|
-
height: max-content;
|
|
116
|
-
position: absolute;
|
|
117
|
-
right: $card-item-inline-padding;
|
|
118
|
-
top: 0;
|
|
119
|
-
bottom: 0;
|
|
120
|
-
margin: auto;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
&__extra {
|
|
124
|
-
flex-grow: 1;
|
|
125
|
-
display: flex;
|
|
126
|
-
justify-content: flex-end;
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.we-card-item:nth-last-child(1) {
|
|
131
|
-
margin-bottom: 0;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
.we-card-item--align-start {
|
|
135
|
-
align-items: flex-start!important;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
.we-card-item--align-center {
|
|
139
|
-
align-items: center!important;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
.we-card-item--align-end {
|
|
143
|
-
align-items: flex-end!important;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.we-card-item--row {
|
|
147
|
-
display: flex;
|
|
148
|
-
justify-content: space-between;
|
|
149
|
-
align-items: center;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.we-card-item--row-start {
|
|
153
|
-
justify-content: flex-start!important;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
.we-card-item--row-between {
|
|
157
|
-
justify-content: space-between!important;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.we-card-item-col {}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import React, { PropsWithChildren } from 'react';
|
|
2
|
-
import { View } from '@tarojs/components';
|
|
3
|
-
import CardItem, { CardItemProps } from '../CardItem';
|
|
4
|
-
import classNames from 'classnames';
|
|
5
|
-
import './index.scss';
|
|
6
|
-
|
|
7
|
-
export type CardProps = {
|
|
8
|
-
/**
|
|
9
|
-
* 是否显示Header
|
|
10
|
-
* @default true
|
|
11
|
-
*/
|
|
12
|
-
showHeader?: boolean
|
|
13
|
-
/**
|
|
14
|
-
* 是否显示Header Border
|
|
15
|
-
* @default true
|
|
16
|
-
*/
|
|
17
|
-
showHeaderBorder?: boolean
|
|
18
|
-
/** 标题 */
|
|
19
|
-
title?: string | React.ReactElement
|
|
20
|
-
/** header右边区域 */
|
|
21
|
-
extra?: React.ReactElement
|
|
22
|
-
/**
|
|
23
|
-
* 底部模块
|
|
24
|
-
* @type {React.ReactElement | React.ReactElement[]}
|
|
25
|
-
* 如果是类型是数组 则是一个按钮集群,
|
|
26
|
-
* 超出部分可以一点点点显示剩下的按钮
|
|
27
|
-
*/
|
|
28
|
-
footer?: React.ReactElement | React.ReactElement[]
|
|
29
|
-
className?: string
|
|
30
|
-
onClick?: (e: React.MouseEvent) => void
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
interface CardComponent extends React.FC<PropsWithChildren<CardProps>> {
|
|
34
|
-
Item: React.FC<CardItemProps>;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
const Card: CardComponent = (props) => {
|
|
38
|
-
const {
|
|
39
|
-
showHeader = true,
|
|
40
|
-
showHeaderBorder = true,
|
|
41
|
-
title,
|
|
42
|
-
extra,
|
|
43
|
-
footer,
|
|
44
|
-
className,
|
|
45
|
-
onClick,
|
|
46
|
-
children
|
|
47
|
-
} = props
|
|
48
|
-
|
|
49
|
-
return (
|
|
50
|
-
<View className={classNames('we-card', className)} onClick={(e: any) => onClick?.(e)}>
|
|
51
|
-
{
|
|
52
|
-
!showHeader ? null : (
|
|
53
|
-
<View className={classNames(
|
|
54
|
-
'we-card__header',
|
|
55
|
-
{ 'we-card__header-border': showHeaderBorder }
|
|
56
|
-
)}>
|
|
57
|
-
<View className='we-card__header-title'>{title}</View>
|
|
58
|
-
{!!extra && extra}
|
|
59
|
-
</View>
|
|
60
|
-
)
|
|
61
|
-
}
|
|
62
|
-
<View className='we-card__body'>
|
|
63
|
-
{children}
|
|
64
|
-
</View>
|
|
65
|
-
{!!footer && footer}
|
|
66
|
-
</View>
|
|
67
|
-
);
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
Card.Item = CardItem
|
|
71
|
-
|
|
72
|
-
export default Card;
|