persagy-vant 0.0.44 → 0.0.45
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/index.d.ts +1 -1
- package/es/index.mjs +1 -1
- package/es/location-select/LocationSelect.d.ts +19 -1
- package/es/location-select/LocationSelect.mjs +123 -19
- package/es/location-select/index.css +1 -1
- package/es/location-select/index.d.ts +14 -1
- package/es/location-select/index.less +1 -0
- package/es/location-select/style/index.mjs +1 -0
- package/es/location-select/style/less.mjs +1 -0
- package/es/location-select/types.d.ts +2 -0
- package/es/location-select/types.mjs +0 -0
- package/es/material-add/MaterialAdd.d.ts +19 -2
- package/es/material-add/MaterialAdd.mjs +99 -8
- package/es/material-add/index.css +1 -1
- package/es/material-add/index.d.ts +14 -2
- package/es/material-add/index.less +1 -1
- package/es/material-add/style/index.mjs +1 -0
- package/es/material-add/style/less.mjs +1 -0
- package/es/material-add/types.d.ts +7 -6
- package/es/object-select/ObjectSelect.d.ts +19 -2
- package/es/object-select/ObjectSelect.mjs +140 -20
- package/es/object-select/index.css +1 -1
- package/es/object-select/index.d.ts +14 -2
- package/es/object-select/index.less +1 -0
- package/es/object-select/style/index.mjs +1 -0
- package/es/object-select/style/less.mjs +1 -0
- package/es/object-select/types.d.ts +1 -0
- package/lib/index.css +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/index.less +2 -2
- package/lib/location-select/LocationSelect.d.ts +19 -1
- package/lib/location-select/LocationSelect.js +121 -17
- package/lib/location-select/index.css +1 -1
- package/lib/location-select/index.d.ts +14 -1
- package/lib/location-select/index.less +1 -0
- package/lib/location-select/style/index.js +1 -0
- package/lib/location-select/style/less.js +1 -0
- package/lib/location-select/types.d.ts +2 -0
- package/lib/location-select/types.js +15 -0
- package/lib/material-add/MaterialAdd.d.ts +19 -2
- package/lib/material-add/MaterialAdd.js +97 -6
- package/lib/material-add/index.css +1 -1
- package/lib/material-add/index.d.ts +14 -2
- package/lib/material-add/index.less +1 -1
- package/lib/material-add/style/index.js +1 -0
- package/lib/material-add/style/less.js +1 -0
- package/lib/material-add/types.d.ts +7 -6
- package/lib/object-select/ObjectSelect.d.ts +19 -2
- package/lib/object-select/ObjectSelect.js +138 -18
- package/lib/object-select/index.css +1 -1
- package/lib/object-select/index.d.ts +14 -2
- package/lib/object-select/index.less +1 -0
- package/lib/object-select/style/index.js +1 -0
- package/lib/object-select/style/less.js +1 -0
- package/lib/object-select/types.d.ts +1 -0
- package/lib/vant.cjs.js +353 -44
- package/lib/vant.es.js +353 -44
- package/lib/vant.js +353 -44
- package/lib/vant.min.js +1 -1
- package/lib/web-types.json +1 -1
- package/package.json +1 -1
- package/skills/use-persagy-vant/references/business-component-catalog.md +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
.van-material-action-bar{--van-material-action-bar-title-font-size: 15px;--van-material-action-bar-title-font-weight: var(--van-font-weight-bold);position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-material-action-bar-title-font-size);font-weight:var(--van-material-action-bar-title-font-weight);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{display:flex;flex:none;align-items:center;width:32px;height:18px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:18px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:6px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-md);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__bottom{display:flex;flex-direction:column;gap:2px;margin-top:2px}.van-material-action-bar__keyword{color:var(--van-primary-color)}.van-material-add{position:relative;display:flex;flex-direction:column;height:calc(100vh - 96px);max-height:calc(100vh - 96px);bottom:56px;overflow:hidden;background:var(--van-gray-2)}.van-material-add>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;gap:0;padding:0;overflow:hidden}.van-material-add__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-material-add__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-material-add__nav .van-nav-bar__right--slot{right:var(--van-padding-md)}.van-material-add__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-material-add__search .van-search__field{padding-left:0}.van-material-add__tabs{flex:none;padding-left:8px;--van-tabs-line-height: 44px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-bottom-bar-width: 40px;--van-tabs-nav-background-color: transparent}.van-material-add__filter-tags{display:flex;flex:none;gap:6px;padding:12px var(--van-padding-md)}.van-material-add__filter-tags .van-filter-tag{min-width:56px;--van-filter-tag-background-color: var(--van-gray-4)}.van-material-add__body{flex:1;min-height:0;padding:0 var(--van-padding-md) 12px;overflow-y:auto}.van-material-add__tree-card{margin-bottom:12px;overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__catalog-leaf{overflow:hidden}.van-material-add__material-list{overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__empty{padding:32px 16px;color:var(--van-text-color-3);font-size:var(--van-font-size-md);text-align:center}.van-material-add__footer{position:relative;z-index:2;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__footer .van-bottom-action-bar{box-shadow:none}.van-material-add__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:340px;overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__selected-header{display:flex;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-material-add__clear,.van-material-add__collapse{padding:0;background:transparent;border:0}.van-material-add__clear{color:var(--van-primary-color);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__collapse{display:inline-flex;gap:2px;align-items:center;color:var(--van-gray-6);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__selected-list{display:flex;flex-direction:column;gap:6px;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto}.van-material-add__detail-page{position:fixed;z-index:3000;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--van-gray-2)}.van-material-add__detail-banner{position:absolute;top:0;right:0;left:0;height:320px;overflow:hidden;background:var(--van-gray-8)}.van-material-add__detail-swipe{height:320px;touch-action:pan-y}.van-material-add__detail-image{width:100%;height:310px;background-position:center;background-size:cover}.van-material-add__detail-image--motor{background-image:url(/dog1.jpg)}.van-material-add__detail-image--blower{background-image:url(/dog2.jpg)}.van-material-add__detail-image--coil{background-image:url(/dog3.jpg)}.van-material-add__detail-dots{position:absolute;z-index:2;top:226px;left:50%;display:flex;gap:6px;transform:translate(-50%)}.van-material-add__detail-dots>i{width:6px;height:6px;background:rgba(255,255,255,.55);border-radius:50%}.van-material-add__detail-dot--active{background:var(--van-white)!important}.van-material-add__detail-close{position:absolute;z-index:1;top:56px;left:var(--van-padding-md);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--van-gray-9);background:var(--van-gray-3);border:0;border-radius:50%;box-shadow:0 2px 5px rgba(27,33,41,.1)}.van-material-add__detail-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;min-height:0;margin-top:246px;overflow:hidden;background:var(--van-white);border-radius:16px 16px 0 0}.van-material-add__detail-body{flex:1;min-height:0;padding:16px var(--van-padding-md) 24px;overflow-y:auto}.van-material-add__detail-section+.van-material-add__detail-section{margin-top:24px}.van-material-add__detail-section .van-blue-mark-header{margin-bottom:8px;padding:0}.van-material-add__detail-card{padding:8px 12px;color:var(--van-gray-9);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:linear-gradient(90deg,var(--van-gray-2),rgba(241,244,246,.2));border-radius:8px}.van-material-add__detail-info-rows{display:flex;flex-direction:column;gap:8px}.van-material-add__detail-row{display:flex;gap:16px;justify-content:space-between;min-height:22px}.van-material-add__detail-row>span{flex:none;width:56px;color:var(--van-gray-6)}.van-material-add__detail-row>strong{flex:1;color:var(--van-gray-9);font-weight:400;text-align:right;white-space:pre-line}.van-material-add__detail-link{color:var(--van-primary-color)!important;font-weight:var(--van-font-weight-bold)!important}.van-material-add-detail-enter-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter);will-change:transform}.van-material-add-detail-leave-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-leave);will-change:transform}.van-material-add-detail-enter-from,.van-material-add-detail-leave-to{transform:translateY(100%)}.van-material-add-detail-section-enter-active,.van-material-add-detail-section-leave-active{overflow:hidden;transition:max-height .2s ease,opacity .2s ease}.van-material-add-detail-section-enter-from,.van-material-add-detail-section-leave-to{max-height:0;opacity:0}.van-material-add-detail-section-enter-to,.van-material-add-detail-section-leave-from{max-height:480px;opacity:1}.van-material-add-item{position:relative;padding:10px var(--van-padding-md);cursor:pointer;transition:background-color .2s ease}.van-material-add-item:active{background-color:var(--van-active-color)}.van-material-add-item--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-add-item--selected:after{display:none}.van-material-add-item:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-add-item__main{display:flex;align-items:center;min-height:22px}.van-material-add-item__detail{display:inline-flex;flex:1;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0}.van-material-add-item__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__kind-tag{flex:none;margin-left:4px}.van-material-add-item__stepper{flex:none;margin-left:8px;--van-stepper-input-width: 32px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-add-item__unit{width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__desc{margin:4px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__keyword{color:var(--van-primary-color)}
|
|
1
|
+
.van-material-action-bar{--van-material-action-bar-title-font-size: 15px;--van-material-action-bar-title-font-weight: var(--van-font-weight-bold);position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-material-action-bar-title-font-size);font-weight:var(--van-material-action-bar-title-font-weight);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{display:flex;flex:none;align-items:center;width:32px;height:18px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:18px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:6px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-md);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__bottom{display:flex;flex-direction:column;gap:2px;margin-top:2px}.van-material-action-bar__keyword{color:var(--van-primary-color)}.van-material-add{position:relative;display:flex;flex-direction:column;height:calc(100vh - 96px);max-height:calc(100vh - 96px);bottom:56px;overflow:hidden;background:var(--van-gray-2)}.van-material-add>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;gap:0;padding:0;overflow:hidden}.van-material-add__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-material-add__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-material-add__nav .van-nav-bar__right--slot{right:var(--van-padding-md)}.van-material-add__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-material-add__search .van-search__field{padding-left:0}.van-material-add__tabs{flex:none;padding-left:8px;--van-tabs-line-height: 44px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-bottom-bar-width: 40px;--van-tabs-nav-background-color: transparent}.van-material-add__filter-tags{display:flex;flex:none;gap:6px;padding:12px var(--van-padding-md)}.van-material-add__filter-tags .van-filter-tag{min-width:56px;--van-filter-tag-background-color: var(--van-gray-4)}.van-material-add__body{flex:1;min-height:0;padding:0 var(--van-padding-md) 12px;overflow-y:auto}.van-material-add__tree-card{margin-bottom:12px;overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__catalog-leaf{overflow:hidden}.van-material-add__material-list{overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__search-state{display:flex;align-items:center;justify-content:center;min-height:160px}.van-material-add__footer{position:relative;z-index:2;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__footer .van-bottom-action-bar{box-shadow:none}.van-material-add__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:340px;overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__selected-header{display:flex;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-material-add__clear,.van-material-add__collapse{padding:0;background:transparent;border:0}.van-material-add__clear{color:var(--van-primary-color);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__collapse{display:inline-flex;gap:2px;align-items:center;color:var(--van-gray-6);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__selected-list{display:flex;flex-direction:column;gap:6px;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto}.van-material-add__detail-page{position:fixed;z-index:3000;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--van-gray-2)}.van-material-add__detail-banner{position:absolute;top:0;right:0;left:0;height:320px;overflow:hidden;background:var(--van-gray-8)}.van-material-add__detail-swipe{height:320px;touch-action:pan-y}.van-material-add__detail-image{width:100%;height:310px;background-position:center;background-size:cover}.van-material-add__detail-image--motor{background-image:url(/dog1.jpg)}.van-material-add__detail-image--blower{background-image:url(/dog2.jpg)}.van-material-add__detail-image--coil{background-image:url(/dog3.jpg)}.van-material-add__detail-dots{position:absolute;z-index:2;top:226px;left:50%;display:flex;gap:6px;transform:translate(-50%)}.van-material-add__detail-dots>i{width:6px;height:6px;background:rgba(255,255,255,.55);border-radius:50%}.van-material-add__detail-dot--active{background:var(--van-white)!important}.van-material-add__detail-close{position:absolute;z-index:1;top:56px;left:var(--van-padding-md);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--van-gray-9);background:var(--van-gray-3);border:0;border-radius:50%;box-shadow:0 2px 5px rgba(27,33,41,.1)}.van-material-add__detail-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;min-height:0;margin-top:246px;overflow:hidden;background:var(--van-white);border-radius:16px 16px 0 0}.van-material-add__detail-body{flex:1;min-height:0;padding:16px var(--van-padding-md) 24px;overflow-y:auto}.van-material-add__detail-section+.van-material-add__detail-section{margin-top:24px}.van-material-add__detail-section .van-blue-mark-header{margin-bottom:8px;padding:0}.van-material-add__detail-card{padding:8px 12px;color:var(--van-gray-9);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:linear-gradient(90deg,var(--van-gray-2),rgba(241,244,246,.2));border-radius:8px}.van-material-add__detail-info-rows{display:flex;flex-direction:column;gap:8px}.van-material-add__detail-row{display:flex;gap:16px;justify-content:space-between;min-height:22px}.van-material-add__detail-row>span{flex:none;width:56px;color:var(--van-gray-6)}.van-material-add__detail-row>strong{flex:1;color:var(--van-gray-9);font-weight:400;text-align:right;white-space:pre-line}.van-material-add__detail-link{color:var(--van-primary-color)!important;font-weight:var(--van-font-weight-bold)!important}.van-material-add-detail-enter-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter);will-change:transform}.van-material-add-detail-leave-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-leave);will-change:transform}.van-material-add-detail-enter-from,.van-material-add-detail-leave-to{transform:translateY(100%)}.van-material-add-detail-section-enter-active,.van-material-add-detail-section-leave-active{overflow:hidden;transition:max-height .2s ease,opacity .2s ease}.van-material-add-detail-section-enter-from,.van-material-add-detail-section-leave-to{max-height:0;opacity:0}.van-material-add-detail-section-enter-to,.van-material-add-detail-section-leave-from{max-height:480px;opacity:1}.van-material-add-item{position:relative;padding:10px var(--van-padding-md);cursor:pointer;transition:background-color .2s ease}.van-material-add-item:active{background-color:var(--van-active-color)}.van-material-add-item--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-add-item--selected:after{display:none}.van-material-add-item:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-add-item__main{display:flex;align-items:center;min-height:22px}.van-material-add-item__detail{display:inline-flex;flex:1;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0}.van-material-add-item__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__kind-tag{flex:none;margin-left:4px}.van-material-add-item__stepper{flex:none;margin-left:8px;--van-stepper-input-width: 32px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-add-item__unit{width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__desc{margin:4px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__keyword{color:var(--van-primary-color)}
|
|
@@ -52,7 +52,12 @@ export declare const MaterialAdd: import("../utils").WithInstall<import("vue").D
|
|
|
52
52
|
type: import("vue").PropType<string>;
|
|
53
53
|
default: string;
|
|
54
54
|
};
|
|
55
|
-
|
|
55
|
+
search: import("vue").PropType<import("./types").MaterialAddSearch>;
|
|
56
|
+
searchDebounce: {
|
|
57
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
58
|
+
default: number;
|
|
59
|
+
};
|
|
60
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:show" | "confirm" | "search-error")[], "change" | "update:modelValue" | "update:show" | "confirm" | "search-error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
56
61
|
show: BooleanConstructor;
|
|
57
62
|
modelValue: {
|
|
58
63
|
type: import("vue").PropType<number[]>;
|
|
@@ -106,17 +111,24 @@ export declare const MaterialAdd: import("../utils").WithInstall<import("vue").D
|
|
|
106
111
|
type: import("vue").PropType<string>;
|
|
107
112
|
default: string;
|
|
108
113
|
};
|
|
114
|
+
search: import("vue").PropType<import("./types").MaterialAddSearch>;
|
|
115
|
+
searchDebounce: {
|
|
116
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
117
|
+
default: number;
|
|
118
|
+
};
|
|
109
119
|
}>> & {
|
|
110
120
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
111
121
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
112
122
|
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
|
|
113
123
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
124
|
+
"onSearch-error"?: ((...args: any[]) => any) | undefined;
|
|
114
125
|
}, {
|
|
115
126
|
title: string;
|
|
116
127
|
modelValue: number[];
|
|
117
128
|
show: boolean;
|
|
118
129
|
confirmText: string;
|
|
119
130
|
items: import("./types").MaterialAddItem[];
|
|
131
|
+
searchDebounce: string | number;
|
|
120
132
|
categories: import("./types").MaterialAddCategory[];
|
|
121
133
|
showCommonTab: boolean;
|
|
122
134
|
showAllTab: boolean;
|
|
@@ -129,7 +141,7 @@ export declare const MaterialAdd: import("../utils").WithInstall<import("vue").D
|
|
|
129
141
|
}>>;
|
|
130
142
|
export default MaterialAdd;
|
|
131
143
|
export type { MaterialAddProps } from './MaterialAdd';
|
|
132
|
-
export type { MaterialAddCategory, MaterialAddCategoryNode, MaterialAddItem } from './types';
|
|
144
|
+
export type { MaterialAddCategory, MaterialAddCategoryNode, MaterialAddItem, MaterialAddSearch, } from './types';
|
|
133
145
|
declare module 'vue' {
|
|
134
146
|
interface GlobalComponents {
|
|
135
147
|
VanMaterialAdd: typeof MaterialAdd;
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
&__tree-card { margin-bottom: 12px; overflow: hidden; background: var(--van-white); border-radius: 8px; }
|
|
24
24
|
&__catalog-leaf { overflow: hidden; }
|
|
25
25
|
&__material-list { overflow: hidden; background: var(--van-white); border-radius: 8px; }
|
|
26
|
-
&
|
|
26
|
+
&__search-state { display: flex; align-items: center; justify-content: center; min-height: 160px; }
|
|
27
27
|
&__footer { position: relative; z-index: 2; flex: none; background: var(--van-white); box-shadow: 0 -2px 5px rgb(27 33 41 / 10%); .van-bottom-action-bar { box-shadow: none; } }
|
|
28
28
|
&__selected-panel { position: absolute; right: 0; bottom: 60px; left: 0; display: flex; flex-direction: column; max-height: 340px; overflow: hidden; background: var(--van-white); box-shadow: 0 -2px 5px rgb(27 33 41 / 10%); }
|
|
29
29
|
&__selected-header { display: flex; align-items: center; justify-content: space-between; padding: 12px var(--van-padding-md) 4px; }
|
|
@@ -33,6 +33,7 @@ require("../../swipe-item/index.css");
|
|
|
33
33
|
require("../../material-detail/index.css");
|
|
34
34
|
require("../../tabs/index.css");
|
|
35
35
|
require("../../tab/index.css");
|
|
36
|
+
require("../../empty/index.css");
|
|
36
37
|
require("../../stepper/index.css");
|
|
37
38
|
require("../../material-action-bar/index.css");
|
|
38
39
|
require("../index.css");
|
|
@@ -33,6 +33,7 @@ require("../../swipe-item/index.less");
|
|
|
33
33
|
require("../../material-detail/index.less");
|
|
34
34
|
require("../../tabs/index.less");
|
|
35
35
|
require("../../tab/index.less");
|
|
36
|
+
require("../../empty/index.less");
|
|
36
37
|
require("../../stepper/index.less");
|
|
37
38
|
require("../../material-action-bar/index.less");
|
|
38
39
|
require("../index.less");
|
|
@@ -8,15 +8,16 @@ export declare type MaterialAddItem = {
|
|
|
8
8
|
category: string;
|
|
9
9
|
kind: 'material' | 'tool';
|
|
10
10
|
};
|
|
11
|
-
export declare type MaterialAddCategory = {
|
|
12
|
-
id: Numeric;
|
|
13
|
-
text: string;
|
|
14
|
-
kind: 'material' | 'tool';
|
|
15
|
-
categories: MaterialAddCategoryNode[];
|
|
16
|
-
};
|
|
17
11
|
export declare type MaterialAddCategoryNode = {
|
|
18
12
|
id?: Numeric;
|
|
19
13
|
value?: string;
|
|
20
14
|
text: string;
|
|
21
15
|
children?: MaterialAddCategoryNode[];
|
|
22
16
|
};
|
|
17
|
+
export declare type MaterialAddCategory = {
|
|
18
|
+
id: Numeric;
|
|
19
|
+
text: string;
|
|
20
|
+
kind: 'material' | 'tool';
|
|
21
|
+
categories: MaterialAddCategoryNode[];
|
|
22
|
+
};
|
|
23
|
+
export declare type MaterialAddSearch = (keyword: string) => void | Promise<void>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type ExtractPropTypes, type PropType } from 'vue';
|
|
2
2
|
import { type Numeric } from '../utils';
|
|
3
3
|
import { type TreeSelectItem, type TreeSelectLoadChildren } from '../tree-select';
|
|
4
|
-
import type { ObjectSelectSpecialty } from './types';
|
|
4
|
+
import type { ObjectSelectSearch, ObjectSelectSpecialty } from './types';
|
|
5
5
|
declare const objectSelectProps: {
|
|
6
6
|
show: BooleanConstructor;
|
|
7
7
|
modelValue: {
|
|
@@ -25,6 +25,11 @@ declare const objectSelectProps: {
|
|
|
25
25
|
default: () => ObjectSelectSpecialty[];
|
|
26
26
|
};
|
|
27
27
|
loadChildren: PropType<TreeSelectLoadChildren>;
|
|
28
|
+
search: PropType<ObjectSelectSearch>;
|
|
29
|
+
searchDebounce: {
|
|
30
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
31
|
+
default: number;
|
|
32
|
+
};
|
|
28
33
|
};
|
|
29
34
|
export declare type ObjectSelectProps = ExtractPropTypes<typeof objectSelectProps>;
|
|
30
35
|
declare const _default: import("vue").DefineComponent<{
|
|
@@ -50,7 +55,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
50
55
|
default: () => ObjectSelectSpecialty[];
|
|
51
56
|
};
|
|
52
57
|
loadChildren: PropType<TreeSelectLoadChildren>;
|
|
53
|
-
|
|
58
|
+
search: PropType<ObjectSelectSearch>;
|
|
59
|
+
searchDebounce: {
|
|
60
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
61
|
+
default: number;
|
|
62
|
+
};
|
|
63
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "load" | "update:show" | "confirm" | "load-error" | "search-error")[], "change" | "update:modelValue" | "load" | "update:show" | "confirm" | "load-error" | "search-error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
54
64
|
show: BooleanConstructor;
|
|
55
65
|
modelValue: {
|
|
56
66
|
type: PropType<Numeric[]>;
|
|
@@ -73,6 +83,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
73
83
|
default: () => ObjectSelectSpecialty[];
|
|
74
84
|
};
|
|
75
85
|
loadChildren: PropType<TreeSelectLoadChildren>;
|
|
86
|
+
search: PropType<ObjectSelectSearch>;
|
|
87
|
+
searchDebounce: {
|
|
88
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
89
|
+
default: number;
|
|
90
|
+
};
|
|
76
91
|
}>> & {
|
|
77
92
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
78
93
|
onLoad?: ((...args: any[]) => any) | undefined;
|
|
@@ -80,11 +95,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
80
95
|
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
|
|
81
96
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
82
97
|
"onLoad-error"?: ((...args: any[]) => any) | undefined;
|
|
98
|
+
"onSearch-error"?: ((...args: any[]) => any) | undefined;
|
|
83
99
|
}, {
|
|
84
100
|
title: string;
|
|
85
101
|
modelValue: Numeric[];
|
|
86
102
|
show: boolean;
|
|
87
103
|
confirmText: string;
|
|
104
|
+
searchDebounce: string | number;
|
|
88
105
|
spaceItems: TreeSelectItem[];
|
|
89
106
|
specialties: ObjectSelectSpecialty[];
|
|
90
107
|
}>;
|
|
@@ -15,6 +15,26 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
15
15
|
return to;
|
|
16
16
|
};
|
|
17
17
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
var __async = (__this, __arguments, generator) => {
|
|
19
|
+
return new Promise((resolve, reject) => {
|
|
20
|
+
var fulfilled = (value) => {
|
|
21
|
+
try {
|
|
22
|
+
step(generator.next(value));
|
|
23
|
+
} catch (e) {
|
|
24
|
+
reject(e);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
var rejected = (value) => {
|
|
28
|
+
try {
|
|
29
|
+
step(generator.throw(value));
|
|
30
|
+
} catch (e) {
|
|
31
|
+
reject(e);
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
|
|
35
|
+
step((generator = generator.apply(__this, __arguments)).next());
|
|
36
|
+
});
|
|
37
|
+
};
|
|
18
38
|
var stdin_exports = {};
|
|
19
39
|
__export(stdin_exports, {
|
|
20
40
|
default: () => stdin_default
|
|
@@ -28,6 +48,8 @@ var import_bottom_action_bar = require("../bottom-action-bar");
|
|
|
28
48
|
var import_cell = require("../cell");
|
|
29
49
|
var import_filter_tag = require("../filter-tag");
|
|
30
50
|
var import_icon = require("../icon");
|
|
51
|
+
var import_empty = require("../empty");
|
|
52
|
+
var import_loading = require("../loading");
|
|
31
53
|
var import_nav_bar = require("../nav-bar");
|
|
32
54
|
var import_search = require("../search");
|
|
33
55
|
var import_tab = require("../tab");
|
|
@@ -389,13 +411,15 @@ const objectSelectProps = {
|
|
|
389
411
|
type: Array,
|
|
390
412
|
default: () => specialties
|
|
391
413
|
},
|
|
392
|
-
loadChildren: Function
|
|
414
|
+
loadChildren: Function,
|
|
415
|
+
search: Function,
|
|
416
|
+
searchDebounce: (0, import_utils.makeNumericProp)(300)
|
|
393
417
|
};
|
|
394
418
|
const flattenItems = (items) => items.flatMap((item) => [item, ...item.children ? flattenItems(item.children) : []]);
|
|
395
419
|
var stdin_default = (0, import_vue.defineComponent)({
|
|
396
420
|
name,
|
|
397
421
|
props: objectSelectProps,
|
|
398
|
-
emits: ["update:show", "update:modelValue", "change", "confirm", "load", "load-error"],
|
|
422
|
+
emits: ["update:show", "update:modelValue", "change", "confirm", "load", "load-error", "search-error"],
|
|
399
423
|
setup(props, {
|
|
400
424
|
emit
|
|
401
425
|
}) {
|
|
@@ -408,6 +432,12 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
408
432
|
const expandedSelected = (0, import_vue.ref)(false);
|
|
409
433
|
const searching = (0, import_vue.ref)(false);
|
|
410
434
|
const keyword = (0, import_vue.ref)("");
|
|
435
|
+
const asyncSearchResults = (0, import_vue.ref)([]);
|
|
436
|
+
const searchLoading = (0, import_vue.ref)(false);
|
|
437
|
+
const searchFailed = (0, import_vue.ref)(false);
|
|
438
|
+
const searchedItems = (0, import_vue.shallowReactive)(/* @__PURE__ */ new Map());
|
|
439
|
+
let searchTimer;
|
|
440
|
+
let searchRequestId = 0;
|
|
411
441
|
const loadedChildren = (0, import_vue.shallowReactive)(/* @__PURE__ */ new Map());
|
|
412
442
|
const getChildren = (item) => loadedChildren.get(item.id) || item.children || [];
|
|
413
443
|
const hydrateItems = (items) => items.map((item) => {
|
|
@@ -429,6 +459,12 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
429
459
|
view.value = 0;
|
|
430
460
|
specialtyType.value = 0;
|
|
431
461
|
keyword.value = "";
|
|
462
|
+
asyncSearchResults.value = [];
|
|
463
|
+
searchLoading.value = false;
|
|
464
|
+
searchFailed.value = false;
|
|
465
|
+
searchRequestId += 1;
|
|
466
|
+
if (searchTimer)
|
|
467
|
+
clearTimeout(searchTimer);
|
|
432
468
|
searching.value = false;
|
|
433
469
|
expandedSelected.value = false;
|
|
434
470
|
expandedSpecialties.value = {
|
|
@@ -441,13 +477,64 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
441
477
|
});
|
|
442
478
|
const selected = (0, import_vue.computed)(() => props.modelValue);
|
|
443
479
|
const allItems = (0, import_vue.computed)(() => flattenItems(hydrateItems([...props.spaceItems, ...props.specialties.flatMap((specialty) => [...specialty.deviceItems, ...specialty.systemItems])])));
|
|
444
|
-
const selectedItems = (0, import_vue.computed)(() =>
|
|
480
|
+
const selectedItems = (0, import_vue.computed)(() => {
|
|
481
|
+
const items = /* @__PURE__ */ new Map();
|
|
482
|
+
allItems.value.forEach((item) => items.set(item.id, item));
|
|
483
|
+
searchedItems.forEach((item) => items.set(item.id, item));
|
|
484
|
+
return selected.value.flatMap((id) => {
|
|
485
|
+
const item = items.get(id);
|
|
486
|
+
return item ? [item] : [];
|
|
487
|
+
});
|
|
488
|
+
});
|
|
445
489
|
const searchResults = (0, import_vue.computed)(() => {
|
|
446
490
|
const query = keyword.value.trim().toLowerCase();
|
|
447
491
|
if (!query)
|
|
448
492
|
return [];
|
|
493
|
+
if (props.search)
|
|
494
|
+
return asyncSearchResults.value;
|
|
449
495
|
return allItems.value.filter((item) => item.text.toLowerCase().includes(query));
|
|
450
496
|
});
|
|
497
|
+
const runSearch = (..._0) => __async(this, [..._0], function* (query = keyword.value.trim()) {
|
|
498
|
+
if (!props.search || !query)
|
|
499
|
+
return;
|
|
500
|
+
const requestId = ++searchRequestId;
|
|
501
|
+
searchLoading.value = true;
|
|
502
|
+
searchFailed.value = false;
|
|
503
|
+
try {
|
|
504
|
+
const results = yield props.search(query);
|
|
505
|
+
if (requestId !== searchRequestId)
|
|
506
|
+
return;
|
|
507
|
+
asyncSearchResults.value = results;
|
|
508
|
+
results.forEach((item) => searchedItems.set(item.id, item));
|
|
509
|
+
} catch (error) {
|
|
510
|
+
if (requestId !== searchRequestId)
|
|
511
|
+
return;
|
|
512
|
+
asyncSearchResults.value = [];
|
|
513
|
+
searchFailed.value = true;
|
|
514
|
+
emit("search-error", query, error);
|
|
515
|
+
} finally {
|
|
516
|
+
if (requestId === searchRequestId)
|
|
517
|
+
searchLoading.value = false;
|
|
518
|
+
}
|
|
519
|
+
});
|
|
520
|
+
const scheduleSearch = () => {
|
|
521
|
+
if (searchTimer)
|
|
522
|
+
clearTimeout(searchTimer);
|
|
523
|
+
searchRequestId += 1;
|
|
524
|
+
searchLoading.value = false;
|
|
525
|
+
searchFailed.value = false;
|
|
526
|
+
asyncSearchResults.value = [];
|
|
527
|
+
const query = keyword.value.trim();
|
|
528
|
+
if (!props.search || !query)
|
|
529
|
+
return;
|
|
530
|
+
searchTimer = setTimeout(runSearch, Number(props.searchDebounce));
|
|
531
|
+
};
|
|
532
|
+
(0, import_vue.watch)([keyword, () => props.search], scheduleSearch);
|
|
533
|
+
(0, import_vue.onBeforeUnmount)(() => {
|
|
534
|
+
searchRequestId += 1;
|
|
535
|
+
if (searchTimer)
|
|
536
|
+
clearTimeout(searchTimer);
|
|
537
|
+
});
|
|
451
538
|
const renderHighlightedText = (text) => {
|
|
452
539
|
const query = keyword.value.trim();
|
|
453
540
|
if (!query)
|
|
@@ -528,6 +615,45 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
528
615
|
}, null), expanded && renderTree(items)]);
|
|
529
616
|
};
|
|
530
617
|
const close = () => emit("update:show", false);
|
|
618
|
+
const renderSearchContent = () => {
|
|
619
|
+
if (!keyword.value.trim())
|
|
620
|
+
return;
|
|
621
|
+
if (searchLoading.value) {
|
|
622
|
+
return (0, import_vue.createVNode)("div", {
|
|
623
|
+
"class": bem("search-state")
|
|
624
|
+
}, [(0, import_vue.createVNode)(import_loading.Loading, {
|
|
625
|
+
"vertical": true
|
|
626
|
+
}, {
|
|
627
|
+
default: () => [(0, import_vue.createTextVNode)("\u52A0\u8F7D\u4E2D...")]
|
|
628
|
+
})]);
|
|
629
|
+
}
|
|
630
|
+
if (searchFailed.value) {
|
|
631
|
+
return (0, import_vue.createVNode)(import_empty.Empty, {
|
|
632
|
+
"image": "network",
|
|
633
|
+
"description": "\u641C\u7D22\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5"
|
|
634
|
+
}, null);
|
|
635
|
+
}
|
|
636
|
+
if (!searchResults.value.length) {
|
|
637
|
+
return (0, import_vue.createVNode)(import_empty.Empty, {
|
|
638
|
+
"description": "\u6682\u65E0\u641C\u7D22\u7ED3\u679C"
|
|
639
|
+
}, null);
|
|
640
|
+
}
|
|
641
|
+
return (0, import_vue.createVNode)("div", {
|
|
642
|
+
"class": bem("tree-card", {
|
|
643
|
+
search: true
|
|
644
|
+
})
|
|
645
|
+
}, [searchResults.value.map((item) => (0, import_vue.createVNode)(import_cell.Cell, {
|
|
646
|
+
"key": item.id,
|
|
647
|
+
"rightSelect": selected.value.includes(item.id),
|
|
648
|
+
"selectType": "checkbox",
|
|
649
|
+
"border": true,
|
|
650
|
+
"clickable": true,
|
|
651
|
+
"onClick": () => toggleSearchItem(item),
|
|
652
|
+
"onUpdate:rightSelect": () => toggleSearchItem(item)
|
|
653
|
+
}, {
|
|
654
|
+
title: () => renderHighlightedText(item.text)
|
|
655
|
+
}))]);
|
|
656
|
+
};
|
|
531
657
|
return () => (0, import_vue.createVNode)(import_action_sheet.ActionSheet, {
|
|
532
658
|
"show": props.show,
|
|
533
659
|
"class": bem(),
|
|
@@ -538,10 +664,18 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
538
664
|
"modelValue": keyword.value,
|
|
539
665
|
"onUpdate:modelValue": ($event) => keyword.value = $event,
|
|
540
666
|
"class": bem("search"),
|
|
667
|
+
"variant": "pure",
|
|
541
668
|
"shape": "round",
|
|
542
669
|
"inputAlign": "left",
|
|
543
670
|
"autofocus": true,
|
|
544
671
|
"placeholder": "\u641C\u7D22\u5BF9\u8C61",
|
|
672
|
+
"onSearch": () => {
|
|
673
|
+
if (props.search) {
|
|
674
|
+
if (searchTimer)
|
|
675
|
+
clearTimeout(searchTimer);
|
|
676
|
+
runSearch();
|
|
677
|
+
}
|
|
678
|
+
},
|
|
545
679
|
"onCancel": () => {
|
|
546
680
|
searching.value = false;
|
|
547
681
|
keyword.value = "";
|
|
@@ -580,21 +714,7 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
580
714
|
}, null)]
|
|
581
715
|
})]), (0, import_vue.createVNode)("div", {
|
|
582
716
|
"class": bem("body")
|
|
583
|
-
}, [searching.value ?
|
|
584
|
-
"class": bem("tree-card", {
|
|
585
|
-
search: true
|
|
586
|
-
})
|
|
587
|
-
}, [searchResults.value.map((item) => (0, import_vue.createVNode)(import_cell.Cell, {
|
|
588
|
-
"key": item.id,
|
|
589
|
-
"rightSelect": selected.value.includes(item.id),
|
|
590
|
-
"selectType": "checkbox",
|
|
591
|
-
"border": true,
|
|
592
|
-
"clickable": true,
|
|
593
|
-
"onClick": () => toggleSearchItem(item),
|
|
594
|
-
"onUpdate:rightSelect": () => toggleSearchItem(item)
|
|
595
|
-
}, {
|
|
596
|
-
title: () => renderHighlightedText(item.text)
|
|
597
|
-
}))]) : view.value === 0 ? renderTree(props.spaceItems) : (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)("div", {
|
|
717
|
+
}, [searching.value ? renderSearchContent() : view.value === 0 ? renderTree(props.spaceItems) : (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)("div", {
|
|
598
718
|
"class": bem("type-tabs")
|
|
599
719
|
}, [(0, import_vue.createVNode)(import_filter_tag.FilterTag, {
|
|
600
720
|
"selected": specialtyType.value === 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.van-object-select{display:flex;flex-direction:column;height:calc(100vh - 96px);max-height:calc(100vh - 96px);overflow:hidden;background:var(--van-gray-2)}.van-object-select>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;gap:0;padding:0;overflow:hidden}.van-object-select__nav{flex:none;align-self:stretch;box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden;--van-nav-bar-background-color: var(--van-gray-2)}.van-object-select__nav.van-nav-bar,.van-object-select__nav .van-nav-bar__content{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden}.van-object-select__nav .van-nav-bar__right--slot{display:flex;gap:12px;padding-right:var(--van-padding-md)}.van-object-select__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-object-select__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-object-select__search .van-search__field{padding-left:0}.van-object-select__keyword{color:var(--van-primary-color)}.van-object-select__view-tabs{flex:none;padding-left:8px;background:transparent;--van-tabs-line-height: 44px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-nav-background-color: transparent;--van-tabs-bottom-bar-width: 40px}.van-object-select__view-tabs .van-tabs__nav{background:transparent}.van-object-select__body{flex:1;min-height:0;padding:12px var(--van-padding-md);overflow-y:auto}.van-object-select__tree-card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-object-select__tree-card--search{margin-top:0}.van-object-select__type-tabs{display:flex;gap:8px;margin-bottom:12px;--van-filter-tag-background-color: var(--van-gray-4)}.van-object-select__type-tabs .van-filter-tag{width:80px}.van-object-select__specialty{margin-bottom:12px}.van-object-select__specialty .van-blue-mark-header{padding:0 4px 8px}.van-object-select__footer{position:relative;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-object-select__footer .van-bottom-action-bar{box-shadow:none}.van-object-select__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:min(340px,calc(100vh - 156px));overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-object-select__selected-header{display:flex;flex:none;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-object-select__clear,.van-object-select__collapse{display:inline-flex;align-items:center;padding:0;font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:transparent;border:0}.van-object-select__clear{color:var(--van-primary-color)}.van-object-select__collapse,.van-object-select__remove,.van-object-select__collapse .van-icon,.van-object-select__remove .van-icon{color:var(--van-gray-6)}.van-object-select__collapse{gap:2px}.van-object-select__selected-list{display:flex;flex:0 1 auto;flex-direction:column;gap:6px;min-height:0;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto;overscroll-behavior:contain}.van-object-select__selected-item{flex:none;min-height:44px;padding:11px var(--van-padding-md);background:var(--van-gray-1);border-radius:8px}.van-object-select__remove{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:0}
|
|
1
|
+
.van-object-select{display:flex;flex-direction:column;height:calc(100vh - 96px);max-height:calc(100vh - 96px);overflow:hidden;background:var(--van-gray-2)}.van-object-select>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;gap:0;padding:0;overflow:hidden}.van-object-select__nav{flex:none;align-self:stretch;box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden;--van-nav-bar-background-color: var(--van-gray-2)}.van-object-select__nav.van-nav-bar,.van-object-select__nav .van-nav-bar__content{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden}.van-object-select__nav .van-nav-bar__right--slot{display:flex;gap:12px;padding-right:var(--van-padding-md)}.van-object-select__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-object-select__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-object-select__search .van-search__field{padding-left:0}.van-object-select__keyword{color:var(--van-primary-color)}.van-object-select__view-tabs{flex:none;padding-left:8px;background:transparent;--van-tabs-line-height: 44px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-nav-background-color: transparent;--van-tabs-bottom-bar-width: 40px}.van-object-select__view-tabs .van-tabs__nav{background:transparent}.van-object-select__body{flex:1;min-height:0;padding:12px var(--van-padding-md);overflow-y:auto}.van-object-select__tree-card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-object-select__tree-card--search{margin-top:0}.van-object-select__search-state{display:flex;align-items:center;justify-content:center;min-height:160px}.van-object-select__type-tabs{display:flex;gap:8px;margin-bottom:12px;--van-filter-tag-background-color: var(--van-gray-4)}.van-object-select__type-tabs .van-filter-tag{width:80px}.van-object-select__specialty{margin-bottom:12px}.van-object-select__specialty .van-blue-mark-header{padding:0 4px 8px}.van-object-select__footer{position:relative;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-object-select__footer .van-bottom-action-bar{box-shadow:none}.van-object-select__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:min(340px,calc(100vh - 156px));overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-object-select__selected-header{display:flex;flex:none;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-object-select__clear,.van-object-select__collapse{display:inline-flex;align-items:center;padding:0;font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:transparent;border:0}.van-object-select__clear{color:var(--van-primary-color)}.van-object-select__collapse,.van-object-select__remove,.van-object-select__collapse .van-icon,.van-object-select__remove .van-icon{color:var(--van-gray-6)}.van-object-select__collapse{gap:2px}.van-object-select__selected-list{display:flex;flex:0 1 auto;flex-direction:column;gap:6px;min-height:0;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto;overscroll-behavior:contain}.van-object-select__selected-item{flex:none;min-height:44px;padding:11px var(--van-padding-md);background:var(--van-gray-1);border-radius:8px}.van-object-select__remove{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:0}
|
|
@@ -21,7 +21,12 @@ export declare const ObjectSelect: import("../utils").WithInstall<import("vue").
|
|
|
21
21
|
default: () => import("./types").ObjectSelectSpecialty[];
|
|
22
22
|
};
|
|
23
23
|
loadChildren: import("vue").PropType<import("..").TreeSelectLoadChildren>;
|
|
24
|
-
|
|
24
|
+
search: import("vue").PropType<import("./types").ObjectSelectSearch>;
|
|
25
|
+
searchDebounce: {
|
|
26
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
27
|
+
default: number;
|
|
28
|
+
};
|
|
29
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "load" | "update:show" | "confirm" | "load-error" | "search-error")[], "change" | "update:modelValue" | "load" | "update:show" | "confirm" | "load-error" | "search-error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
25
30
|
show: BooleanConstructor;
|
|
26
31
|
modelValue: {
|
|
27
32
|
type: import("vue").PropType<import("../utils").Numeric[]>;
|
|
@@ -44,6 +49,11 @@ export declare const ObjectSelect: import("../utils").WithInstall<import("vue").
|
|
|
44
49
|
default: () => import("./types").ObjectSelectSpecialty[];
|
|
45
50
|
};
|
|
46
51
|
loadChildren: import("vue").PropType<import("..").TreeSelectLoadChildren>;
|
|
52
|
+
search: import("vue").PropType<import("./types").ObjectSelectSearch>;
|
|
53
|
+
searchDebounce: {
|
|
54
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
55
|
+
default: number;
|
|
56
|
+
};
|
|
47
57
|
}>> & {
|
|
48
58
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
49
59
|
onLoad?: ((...args: any[]) => any) | undefined;
|
|
@@ -51,17 +61,19 @@ export declare const ObjectSelect: import("../utils").WithInstall<import("vue").
|
|
|
51
61
|
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
|
|
52
62
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
53
63
|
"onLoad-error"?: ((...args: any[]) => any) | undefined;
|
|
64
|
+
"onSearch-error"?: ((...args: any[]) => any) | undefined;
|
|
54
65
|
}, {
|
|
55
66
|
title: string;
|
|
56
67
|
modelValue: import("../utils").Numeric[];
|
|
57
68
|
show: boolean;
|
|
58
69
|
confirmText: string;
|
|
70
|
+
searchDebounce: string | number;
|
|
59
71
|
spaceItems: import("..").TreeSelectItem[];
|
|
60
72
|
specialties: import("./types").ObjectSelectSpecialty[];
|
|
61
73
|
}>>;
|
|
62
74
|
export default ObjectSelect;
|
|
63
75
|
export type { ObjectSelectProps } from './ObjectSelect';
|
|
64
|
-
export type { ObjectSelectSpecialty, ObjectSelectTree, ObjectSelectValue } from './types';
|
|
76
|
+
export type { ObjectSelectSearch, ObjectSelectSpecialty, ObjectSelectTree, ObjectSelectValue, } from './types';
|
|
65
77
|
declare module 'vue' {
|
|
66
78
|
interface GlobalComponents {
|
|
67
79
|
VanObjectSelect: typeof ObjectSelect;
|
|
@@ -52,6 +52,7 @@
|
|
|
52
52
|
&__body { flex: 1; min-height: 0; padding: 12px var(--van-padding-md); overflow-y: auto; }
|
|
53
53
|
&__tree-card { overflow: hidden; background: var(--van-white); border-radius: 8px; }
|
|
54
54
|
&__tree-card--search { margin-top: 0; }
|
|
55
|
+
&__search-state { display: flex; align-items: center; justify-content: center; min-height: 160px; }
|
|
55
56
|
&__type-tabs {
|
|
56
57
|
display: flex;
|
|
57
58
|
gap: 8px;
|
|
@@ -2,6 +2,7 @@ import type { Numeric } from '../utils';
|
|
|
2
2
|
import type { TreeSelectItem } from '../tree-select';
|
|
3
3
|
export declare type ObjectSelectTree = TreeSelectItem;
|
|
4
4
|
export declare type ObjectSelectValue = Numeric[];
|
|
5
|
+
export declare type ObjectSelectSearch = (keyword: string) => ObjectSelectTree[] | Promise<ObjectSelectTree[]>;
|
|
5
6
|
export declare type ObjectSelectSpecialty = {
|
|
6
7
|
id: string;
|
|
7
8
|
name: string;
|