@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.
Files changed (52) hide show
  1. package/es/components/industry/CitySelectButton/index.d.ts.map +1 -1
  2. package/lib/components/industry/CitySelectButton/index.d.ts.map +1 -1
  3. package/lib/styles/index.css +1 -0
  4. package/lib/styles/index.css.map +1 -0
  5. package/package.json +9 -7
  6. package/es/styles/_base.scss +0 -4
  7. package/es/styles/index.scss +0 -19
  8. package/es/styles/mixins.scss +0 -15
  9. package/es/styles/variables.scss +0 -2
  10. package/lib/styles/_base.scss +0 -4
  11. package/lib/styles/index.scss +0 -19
  12. package/lib/styles/mixins.scss +0 -15
  13. package/lib/styles/variables.scss +0 -2
  14. package/src/components/common/BottomPopup/index.scss +0 -34
  15. package/src/components/common/BottomPopup/index.tsx +0 -129
  16. package/src/components/common/Card/index.scss +0 -160
  17. package/src/components/common/Card/index.tsx +0 -72
  18. package/src/components/common/CardItem/index.tsx +0 -153
  19. package/src/components/common/DataSelect/index.tsx +0 -86
  20. package/src/components/common/Modal/index.scss +0 -49
  21. package/src/components/common/Modal/index.tsx +0 -105
  22. package/src/components/common/NavBar/index.scss +0 -26
  23. package/src/components/common/NavBar/index.tsx +0 -81
  24. package/src/components/common/Page/index.scss +0 -19
  25. package/src/components/common/Page/index.tsx +0 -56
  26. package/src/components/common/PullToPushRefresh/index.scss +0 -38
  27. package/src/components/common/PullToPushRefresh/index.tsx +0 -338
  28. package/src/components/common/Radio/index.scss +0 -15
  29. package/src/components/common/Radio/index.tsx +0 -56
  30. package/src/components/common/TabPane/index.tsx +0 -26
  31. package/src/components/common/Tabs/index.scss +0 -60
  32. package/src/components/common/Tabs/index.tsx +0 -107
  33. package/src/components/common/UploadFile/index.scss +0 -59
  34. package/src/components/common/UploadFile/index.tsx +0 -321
  35. package/src/components/common/UploadFile/upload.ts +0 -63
  36. package/src/components/common/UploadFile/utils.ts +0 -81
  37. package/src/components/common/VideoView/index.tsx +0 -50
  38. package/src/components/common/index.ts +0 -23
  39. package/src/components/industry/CitySelectButton/index.tsx +0 -76
  40. package/src/components/industry/CitySelectModal/index.scss +0 -122
  41. package/src/components/industry/CitySelectModal/index.tsx +0 -121
  42. package/src/components/industry/PaymentMethodSelect/index.scss +0 -146
  43. package/src/components/industry/PaymentMethodSelect/index.tsx +0 -316
  44. package/src/components/industry/index.ts +0 -5
  45. package/src/config/classPrefix.ts +0 -44
  46. package/src/index.ts +0 -9
  47. package/src/styles/_base.scss +0 -4
  48. package/src/styles/index.scss +0 -19
  49. package/src/styles/mixins.scss +0 -15
  50. package/src/styles/variables.scss +0 -2
  51. package/src/utils/city.ts +0 -4072
  52. 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;AAC/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
+ {"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;AAC/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
+ {"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.1",
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-typescript2": "^0.36.0"
79
+ "rollup-plugin-postcss": "^4.0.2",
80
+ "rollup-plugin-typescript2": "^0.36.0",
81
+ "sass": "^1.97.2"
80
82
  }
81
83
  }
@@ -1,4 +0,0 @@
1
- // 统一的样式基础文件
2
- // 导入全局变量和 mixin
3
- @import './variables';
4
- @import './mixins';
@@ -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';
@@ -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,2 +0,0 @@
1
- // 全局变量定义
2
- $primary-color: #3B4EAE;
@@ -1,4 +0,0 @@
1
- // 统一的样式基础文件
2
- // 导入全局变量和 mixin
3
- @import './variables';
4
- @import './mixins';
@@ -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';
@@ -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,2 +0,0 @@
1
- // 全局变量定义
2
- $primary-color: #3B4EAE;
@@ -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;