@das-fed/ui 7.0.5-beta.8.1 → 7.0.5-beta.9

package/packages/components/search-form/src/Index.vue.d.ts

@@ -12,17 +12,23 @@ interface DasSearchFormProp {
     isExpandAtFocus?: boolean;
     isExpandFilter?: boolean;
 }
-declare var __VLS_1: {}, __VLS_18: any, __VLS_19: {}, __VLS_31: any, __VLS_32: {}, __VLS_50: {}, __VLS_92: any, __VLS_93: {}, __VLS_105: any, __VLS_106: {}, __VLS_119: any, __VLS_120: {};
+declare var __VLS_1: {}, __VLS_18: any, __VLS_19: {}, __VLS_31: any, __VLS_32: {}, __VLS_50: {}, __VLS_79: any, __VLS_80: {}, __VLS_92: any, __VLS_93: {}, __VLS_118: any, __VLS_119: {}, __VLS_131: any, __VLS_132: {}, __VLS_144: any, __VLS_145: {}, __VLS_158: any, __VLS_159: {};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_18>]?: (props: typeof __VLS_19) => any;
 } & {
     [K in NonNullable<typeof __VLS_31>]?: (props: typeof __VLS_32) => any;
+} & {
+    [K in NonNullable<typeof __VLS_79>]?: (props: typeof __VLS_80) => any;
 } & {
     [K in NonNullable<typeof __VLS_92>]?: (props: typeof __VLS_93) => any;
 } & {
-    [K in NonNullable<typeof __VLS_105>]?: (props: typeof __VLS_106) => any;
+    [K in NonNullable<typeof __VLS_118>]?: (props: typeof __VLS_119) => any;
+} & {
+    [K in NonNullable<typeof __VLS_131>]?: (props: typeof __VLS_132) => any;
+} & {
+    [K in NonNullable<typeof __VLS_144>]?: (props: typeof __VLS_145) => any;
 } & {
-    [K in NonNullable<typeof __VLS_119>]?: (props: typeof __VLS_120) => any;
+    [K in NonNullable<typeof __VLS_158>]?: (props: typeof __VLS_159) => any;
 } & {
     left?: (props: typeof __VLS_1) => any;
 } & {
@@ -31,6 +37,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<DasSearchFormProp, {
     /**treeSelect 调用懒加载树刷新 */
     treeSelectResetLazyLoad: (key: string) => void;
+    getTreeSelectRefByKey: (key: string) => any;
+    optionsHandle: () => void;
     closeSearch: (data: SearchFormProp | any[]) => Promise<void>;
     resetSearch: (isTriggerEvent?: boolean) => Promise<void>;
     getCollapseStatus: () => any;

package/packages/components/search-form/src/type.d.ts

@@ -1,3 +1,4 @@
+import { Ref } from 'vue'
 type DateType = 'date' | 'dateTime' | 'week' | 'month' | 'quarter' | 'year' | 'time'
 type DateRangeType = 'dateRange' | 'dateTimeRange' | 'weekRange' | 'monthRange' | 'yearRange' | 'timeRange'
 type FormType =
@@ -34,11 +35,11 @@ interface Props {
   
   options?: SearchFormItemProp[]
 
-   
-   isExpandAtFocus?: boolean 
+  
+  isExpandAtFocus?: boolean
 
-   
-   isExpandFilter?: boolean 
+  
+  isExpandFilter?: boolean
 }
 
 interface SearchFormItemProp {
@@ -97,7 +98,7 @@ interface SearchFormItemProp {
   marginRight?: string
 
   
-  labelWidth?:string
+  labelWidth?: string
 
   [idx: string]: any
 }
@@ -107,6 +108,9 @@ export type Exposes = {
   treeSelectResetLazyLoad: (key: any) => void
 
   
+  getTreeSelectRefByKey: (key: any) => Ref<HTMLElement | null>
+
+  
   closeSearch: (data: SearchFormProp | any[]) => void
 
   

package/packages/components/search-form/style.css

@@ -1 +1 @@
-.das-input-select-search-container[data-v-72fa1cba]{display:flex;align-items:center}.das-input-select-search-container .label[data-v-72fa1cba]{color:var(--das-ui-search-form-filter-font-color);margin-right:8px;font-size:var(--das-ui-font-size-sm);text-align:right;max-width:84px;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center;white-space:nowrap;justify-content:flex-end}.das-input-select-search-container-en .label[data-v-72fa1cba]{max-width:170px!important;width:170px!important}[data-v-b9b880e5] .das-ui-date-range-picker{margin-left:16px}[data-v-b9b880e5] .das-ui-date-range-picker .ant-picker{height:24px}[data-v-b9b880e5] .das-ui-select .ant-select-selection-item{text-align:right}.das-select-date-select-container{width:120px}.optional-select-item{margin-right:8px}.optional-select-item .ant-select-selection-item{text-align:left!important}.das-select-date-range{display:flex;align-items:center}.das-select-date-range .label{color:var(--das-ui-search-form-filter-font-color);margin-right:8px;font-size:var(--das-ui-font-size-sm);max-width:84px;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center;white-space:nowrap;justify-content:flex-end}.das-select-date-range .das-ui-date-range-picker{margin-left:0!important}.das-select-date-range .das-ui-select{margin-right:12px}.das-select-date-range-en-filter .label{max-width:170px!important;width:170px!important}.das-select-date-range-en-nonefilter .label{max-width:90px!important;width:90px!important}.das-ui-search-form[data-v-b27c00e3]{width:100%;box-sizing:border-box}.das-ui-search-form.expand-hasbtn-padding[data-v-b27c00e3]{padding-bottom:10px}.das-ui-search-form.packup-hasbtn-padding[data-v-b27c00e3]{padding-bottom:14px}.das-ui-search-form.packup-nobtn-padding[data-v-b27c00e3]{padding-bottom:2px}.das-ui-search-form.nofilter-hasbtn-padding[data-v-b27c00e3]{padding-bottom:14px}.das-ui-search-form.expand-nobtn-padding[data-v-b27c00e3]{padding-bottom:0}.das-ui-search-form .search-content[data-v-b27c00e3]{width:100%;display:flex;justify-content:space-between;padding-top:8px;box-sizing:border-box;align-items:flex-end}.das-ui-search-form .search-form-left[data-v-b27c00e3]{display:flex;flex:1;align-items:flex-end!important}.das-ui-search-form .search-form-left.align-center[data-v-b27c00e3]{align-items:center}.das-ui-search-form .search-form-left .search-title[data-v-b27c00e3]{font-size:var(--das-ui-font-size-lg);color:var(--das-ui-search-form-font-color);line-height:26px;font-weight:600;margin-right:16px}.das-ui-search-form .search-form-left .search-selected-content[data-v-b27c00e3]{display:flex;flex:1;align-items:flex-end}.das-ui-search-form .search-form-left .search-selected-content .label[data-v-b27c00e3]{min-width:60px;font-size:var(--das-ui-font-size-sm);color:var(--das-ui-search-form-tip-color);line-height:24px}.das-ui-search-form .search-form-right[data-v-b27c00e3]{display:flex}.das-ui-search-form .search-form-right.filter-panel-left[data-v-b27c00e3]{margin-left:80px}.das-ui-search-form .search-form-right .margin-filter[data-v-b27c00e3]{margin-right:132px}.das-ui-search-form .search-form-right .filter-handle-status[data-v-b27c00e3]{display:flex;align-items:center;color:var(--das-ui-search-form-primary-color);cursor:pointer}.das-ui-search-form .search-form-right .filter-handle-status .status[data-v-b27c00e3]{margin-right:5px;font-size:var(--das-ui-font-size-sm)}.das-ui-search-form .search-form-right .filter-handle-status .arrowTransform[data-v-b27c00e3]{transition:.2s;transform-origin:center;transform:rotate(180deg)}.das-ui-search-form .search-form-right .filter-handle-status .arrowTransformReturn[data-v-b27c00e3]{transition:.2s;transform-origin:center;transform:rotate(0)}.das-ui-search-form .filter-content[data-v-b27c00e3]{width:100%;height:auto;background-color:var(--das-ui-search-form-filter-bgcolor);padding:0 12px;box-sizing:border-box;border:1px solid var(--das-ui-search-form-filter-border-color);border-radius:2px;margin-top:12px}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-b27c00e3]{max-height:200px;padding:0 40px!important}.das-ui-search-form .filter-content.horizontal-filter-content .filter-scroll-content[data-v-b27c00e3]{width:100%;height:100%}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-b27c00e3] .das-ui-form-item-label{max-width:84px}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-b27c00e3] .das-ui-form-item-label .label{max-width:84px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.das-ui-search-form .filter-content .filter-item[data-v-b27c00e3]{flex:0 0 calc(var(--1861621f) - 30px)!important}.das-ui-search-form .filter-content .filter-item.das-select-date-range[data-v-b27c00e3]{margin-right:var(--2bad78c9)}.filter-line[data-v-b27c00e3]{width:100%;height:16px;background-color:transparent}.das-ui-search-form .treeSelect-item{align-items:flex-start!important}.das-ui-search-form .treeSelect-item .das-ui-form-item-label{margin-top:2px}.das-ui-search-form .align-left-filter-content .das-ui-form{flex-direction:row!important;min-height:32px;align-items:flex-end!important;align-content:flex-end!important}.das-ui-search-form .align-left-filter-content .das-ui-form .das-ui-form-item{margin-bottom:0!important;margin-right:20px!important}.das-ui-search-form .align-left-filter-content .das-ui-form .das-ui-form-item .das-ui-form-item-label{color:var(--das-ui-search-form-filter-font-color)}.das-ui-search-form .search-selected-content .tag-content .el-tag__content{display:flex!important}.das-ui-search-form .search-selected-content .tag-content .das-ui-tag{margin-left:5px;background-color:#fff}.das-ui-search-form .search-selected-content .tag-content .das-ui-tag .el-tag{height:24px!important}.das-ui-search-form .search-selected-content .tag-content .das-ui-tag .el-tag .el-tag__close{color:var(--das-ui-search-form-filter-font-color)}.das-ui-search-form .out-filter-content{margin-right:58px}.das-ui-search-form .out-filter-content.no-fileter-panel{margin-right:0}.das-ui-search-form .out-filter-content .das-ui-form{flex-direction:row!important}.das-ui-search-form .out-filter-content .das-ui-form .das-ui-form-item{margin-bottom:0!important;margin-right:10px!important}.das-ui-search-form .out-filter-content .das-ui-form .das-ui-form-item .das-ui-form-item-label{margin-right:10px!important}.das-ui-search-form .filter-content .das-ui-form-item{height:40px;margin-bottom:0!important;border-bottom:1px solid var(--das-ui-search-form-filter-border-color)}.das-ui-search-form .filter-content .das-ui-form-item:last-of-type{border-bottom:0}.das-ui-search-form .filter-content .das-ui-form-item .das-ui-form-item-label{margin-right:24px!important}.das-ui-search-form .filter-content .das-ui-form-item .das-ui-form-item-label .label{color:var(--das-ui-search-form-filter-font-color)}.das-ui-search-form .filter-content .das-ui-form-item.child-form-item{width:auto!important}.das-ui-search-form .filter-content .das-ui-form-item.child-form-item .das-ui-form-item-label{display:none}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-select-date-range.filter-item,.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-input-select-search-container.filter-input-select-item{margin-top:16px!important}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-input-select-search-container.filter-input-select-item{margin-right:var(--2bad78c9)}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-input-select-search-container.filter-input-select-item .filter-input-select-item{margin-right:0!important}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-ui-form-item{height:auto;border:none;margin-right:var(--2bad78c9);margin-top:16px!important}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-ui-form-item .das-ui-form-item-label{margin-right:8px!important}.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label,.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label .label{max-width:170px!important;width:170px!important}.das-ui-search-form.das-ui-search-form-en-filter .align-left-filter-content .das-ui-form-item-label{width:auto!important}.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label{max-width:170px!important;width:170px!important}.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label .label{max-width:170px!important}.das-ui-search-form.das-ui-search-form-en-nonefilter .align-left-filter-content .das-ui-form-item-label{width:auto!important}.das-ui-search-form.das-ui-search-form-en-nonefilter .das-ui-form-item-label{max-width:120px!important;width:120px!important}.das-ui-search-form.das-ui-search-form-en-nonefilter .das-ui-form-item-label .label{max-width:120px!important}
+.das-input-select-search-container[data-v-72fa1cba]{display:flex;align-items:center}.das-input-select-search-container .label[data-v-72fa1cba]{color:var(--das-ui-search-form-filter-font-color);margin-right:8px;font-size:var(--das-ui-font-size-sm);text-align:right;max-width:84px;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center;white-space:nowrap;justify-content:flex-end}.das-input-select-search-container-en .label[data-v-72fa1cba]{max-width:170px!important;width:170px!important}[data-v-b9b880e5] .das-ui-date-range-picker{margin-left:16px}[data-v-b9b880e5] .das-ui-date-range-picker .ant-picker{height:24px}[data-v-b9b880e5] .das-ui-select .ant-select-selection-item{text-align:right}.das-select-date-select-container{width:120px}.optional-select-item{margin-right:8px}.optional-select-item .ant-select-selection-item{text-align:left!important}.das-select-date-range{display:flex;align-items:center}.das-select-date-range .label{color:var(--das-ui-search-form-filter-font-color);margin-right:8px;font-size:var(--das-ui-font-size-sm);max-width:84px;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center;white-space:nowrap;justify-content:flex-end}.das-select-date-range .das-ui-date-range-picker{margin-left:0!important}.das-select-date-range .das-ui-select{margin-right:12px}.das-select-date-range-en-filter .label{max-width:170px!important;width:170px!important}.das-select-date-range-en-nonefilter .label{max-width:90px!important;width:90px!important}.das-ui-search-form[data-v-fea3233b]{width:100%;box-sizing:border-box}.das-ui-search-form.expand-hasbtn-padding[data-v-fea3233b]{padding-bottom:10px}.das-ui-search-form.packup-hasbtn-padding[data-v-fea3233b]{padding-bottom:14px}.das-ui-search-form.packup-nobtn-padding[data-v-fea3233b]{padding-bottom:2px}.das-ui-search-form.nofilter-hasbtn-padding[data-v-fea3233b]{padding-bottom:14px}.das-ui-search-form.expand-nobtn-padding[data-v-fea3233b]{padding-bottom:0}.das-ui-search-form .search-content[data-v-fea3233b]{width:100%;display:flex;justify-content:space-between;padding-top:8px;box-sizing:border-box;align-items:flex-end}.das-ui-search-form .search-form-left[data-v-fea3233b]{display:flex;flex:1;align-items:flex-end!important}.das-ui-search-form .search-form-left.align-center[data-v-fea3233b]{align-items:center}.das-ui-search-form .search-form-left .search-title[data-v-fea3233b]{font-size:var(--das-ui-font-size-lg);color:var(--das-ui-search-form-font-color);line-height:26px;font-weight:600;margin-right:16px}.das-ui-search-form .search-form-left .search-selected-content[data-v-fea3233b]{display:flex;flex:1;align-items:flex-end}.das-ui-search-form .search-form-left .search-selected-content .label[data-v-fea3233b]{min-width:60px;font-size:var(--das-ui-font-size-sm);color:var(--das-ui-search-form-tip-color);line-height:24px}.das-ui-search-form .search-form-right[data-v-fea3233b]{display:flex}.das-ui-search-form .search-form-right.filter-panel-left[data-v-fea3233b]{margin-left:80px}.das-ui-search-form .search-form-right .margin-filter[data-v-fea3233b]{margin-right:132px}.das-ui-search-form .search-form-right .filter-handle-status[data-v-fea3233b]{display:flex;align-items:center;color:var(--das-ui-search-form-primary-color);cursor:pointer}.das-ui-search-form .search-form-right .filter-handle-status .status[data-v-fea3233b]{margin-right:5px;font-size:var(--das-ui-font-size-sm)}.das-ui-search-form .search-form-right .filter-handle-status .arrowTransform[data-v-fea3233b]{transition:.2s;transform-origin:center;transform:rotate(180deg)}.das-ui-search-form .search-form-right .filter-handle-status .arrowTransformReturn[data-v-fea3233b]{transition:.2s;transform-origin:center;transform:rotate(0)}.das-ui-search-form .filter-content[data-v-fea3233b]{width:100%;height:auto;background-color:var(--das-ui-search-form-filter-bgcolor);padding:0 12px;box-sizing:border-box;border:1px solid var(--das-ui-search-form-filter-border-color);border-radius:2px;margin-top:12px}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-fea3233b]{max-height:200px;padding:0 40px!important}.das-ui-search-form .filter-content.horizontal-filter-content .filter-scroll-content[data-v-fea3233b]{width:100%;height:100%}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-fea3233b] .selectInput-form-cont .das-ui-form-item-label{display:none}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-fea3233b] .selectInput-form-cont .el-input{border:0 none}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-fea3233b] .selectInput-form-cont .el-input .el-input__wrapper{box-shadow:none;padding:0 8px;box-shadow:0 0 0 1px var(--das-ui-input-full-border-color) inset;border-radius:2px}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-fea3233b] .selectInput-form-cont .el-input .el-input__wrapper:hover,.das-ui-search-form .filter-content.horizontal-filter-content[data-v-fea3233b] .selectInput-form-cont .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--das-ui-input-active-full-border-color) inset}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-fea3233b] .das-ui-form-item-label{max-width:84px}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-fea3233b] .das-ui-form-item-label .label{max-width:84px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.das-ui-search-form .filter-content .filter-item[data-v-fea3233b]{flex:0 0 calc(var(--a818dbd4) - 30px)!important}.das-ui-search-form .filter-content .filter-item.das-select-date-range[data-v-fea3233b]{margin-right:var(--1f672432)}.filter-line[data-v-fea3233b]{width:100%;height:16px;background-color:transparent}.das-ui-search-form .treeSelect-item{align-items:flex-start!important}.das-ui-search-form .treeSelect-item .das-ui-form-item-label{margin-top:2px}.das-ui-search-form .align-left-filter-content .das-ui-form{flex-direction:row!important;min-height:32px;align-items:flex-end!important;align-content:flex-end!important}.das-ui-search-form .align-left-filter-content .das-ui-form .das-ui-form-item{margin-bottom:0!important;margin-right:20px!important}.das-ui-search-form .align-left-filter-content .das-ui-form .das-ui-form-item .das-ui-form-item-label{color:var(--das-ui-search-form-filter-font-color)}.das-ui-search-form .search-selected-content .tag-content .el-tag__content{display:flex!important}.das-ui-search-form .search-selected-content .tag-content .das-ui-tag{margin-left:5px;background-color:#fff}.das-ui-search-form .search-selected-content .tag-content .das-ui-tag .el-tag{height:24px!important}.das-ui-search-form .search-selected-content .tag-content .das-ui-tag .el-tag .el-tag__close{color:var(--das-ui-search-form-filter-font-color)}.das-ui-search-form .out-filter-content{margin-right:58px}.das-ui-search-form .out-filter-content.no-fileter-panel{margin-right:0}.das-ui-search-form .out-filter-content .das-ui-form{flex-direction:row!important}.das-ui-search-form .out-filter-content .das-ui-form .das-ui-form-item{margin-bottom:0!important;margin-right:10px!important}.das-ui-search-form .out-filter-content .das-ui-form .das-ui-form-item .das-ui-form-item-label{margin-right:10px!important}.das-ui-search-form .filter-content .das-ui-form-item{height:40px;margin-bottom:0!important;border-bottom:1px solid var(--das-ui-search-form-filter-border-color)}.das-ui-search-form .filter-content .das-ui-form-item:last-of-type{border-bottom:0}.das-ui-search-form .filter-content .das-ui-form-item .das-ui-form-item-label{margin-right:24px!important}.das-ui-search-form .filter-content .das-ui-form-item .das-ui-form-item-label .label{color:var(--das-ui-search-form-filter-font-color)}.das-ui-search-form .filter-content .das-ui-form-item.child-form-item{width:auto!important}.das-ui-search-form .filter-content .das-ui-form-item.child-form-item .das-ui-form-item-label{display:none}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-select-date-range.filter-item,.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-input-select-search-container.filter-input-select-item{margin-top:16px!important}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-input-select-search-container.filter-input-select-item{margin-right:var(--1f672432)}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-input-select-search-container.filter-input-select-item .filter-input-select-item{margin-right:0!important}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-ui-form-item{height:auto;border:none;margin-right:var(--1f672432);margin-top:16px!important}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-ui-form-item .das-ui-form-item-label{margin-right:8px!important}.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label,.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label .label{max-width:170px!important;width:170px!important}.das-ui-search-form.das-ui-search-form-en-filter .align-left-filter-content .das-ui-form-item-label{width:auto!important}.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label{max-width:170px!important;width:170px!important}.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label .label{max-width:170px!important}.das-ui-search-form.das-ui-search-form-en-nonefilter .align-left-filter-content .das-ui-form-item-label{width:auto!important}.das-ui-search-form.das-ui-search-form-en-nonefilter .das-ui-form-item-label{max-width:120px!important;width:120px!important}.das-ui-search-form.das-ui-search-form-en-nonefilter .das-ui-form-item-label .label{max-width:120px!important}

package/packages/components/select-input/index.js

@@ -1,44 +1,69 @@
 import '@das-fed/ui/packages/components/select-input/style.css';
-import { withInstall as F } from "@das-fed/utils/with-install/index";
-import { setThemeRule as S } from "@das-fed/web/packages/theme/index";
-import { computed as H, ref as b, defineComponent as D, createBlock as k, openBlock as L, unref as e, normalizeClass as x, isRef as v, createSlots as E, withCtx as y, createVNode as B } from "vue";
-import { DasInput as W } from "@das-fed/ui/packages/components/input/index";
-import { DasIconSearch as K } from "@das-fed/ui/packages/icons/search/index";
-import { DasSelect as N } from "@das-fed/ui/packages/components/select/index";
-import { useModelValue as C } from "@das-fed/utils/vue";
+import { withInstall as O } from "@das-fed/utils/with-install/index";
+import { setThemeRule as x } from "@das-fed/web/packages/theme/index";
+import { computed as P, ref as b, onBeforeUnmount as R, defineComponent as A, createElementBlock as K, openBlock as U, createVNode as B, unref as t, normalizeClass as z, isRef as T, createSlots as M, withCtx as H } from "vue";
+import { DasInput as $ } from "@das-fed/ui/packages/components/input/index";
+import { DasIconSearch as j } from "@das-fed/ui/packages/icons/search/index";
+import { DasSelect as q } from "@das-fed/ui/packages/components/select/index";
+import { useModelValue as E } from "@das-fed/utils/vue";
 import "@das-fed/ui/packages/global/theme";
-const P = (t, a) => {
-  const u = C(t, "modelValue"), i = C(t, "optionValue"), l = C(t, "isExpandAtFocus"), s = H(() => typeof t.width == "number" ? t.width + "px" : t == null ? void 0 : t.width), h = () => {
-    a("update:modelValue", u.value);
-  }, m = (o) => {
-    a("update:modelValue", o), a("inputChange", o);
-  }, f = (o) => {
-    a("update:modelValue", o), a("dasInput", o);
-  }, V = (o) => {
-    a("update:optionValue", o), a("selectChange", o);
-  }, d = b(""), r = b(!1);
-  return {
-    innerValue: u,
-    selectValue: i,
-    inputChangeHandler: m,
-    selectChangeHandler: V,
-    inputInputHandler: f,
-    searchHandler: h,
-    inputWidth: d,
-    isFocus: r,
-    onFocus: () => {
-      var p;
-      if (!l.value) return;
-      let o = (p = s.value) == null ? void 0 : p.replace("px", "");
-      d.value = s.value && o * 1 > 400 ? s.value : "400px", r.value = !0;
-    },
-    onBlur: () => {
-      l.value && (d.value = "", r.value = !1);
-    },
-    isExpandInput: l,
+const G = "das-select-input-select-container", J = (l, a) => {
+  const r = E(l, "modelValue"), h = E(l, "optionValue"), u = E(l, "isExpandAtFocus"), s = P(() => typeof l.width == "number" ? l.width + "px" : l == null ? void 0 : l.width), V = () => {
+    a("update:modelValue", r.value);
+  }, g = (e) => {
+    a("update:modelValue", e), a("inputChange", e);
+  }, I = (e) => {
+    a("update:modelValue", e), a("dasInput", e);
+  }, y = (e) => {
+    a("update:optionValue", e), a("selectChange", e);
+  }, v = b(null), p = b(""), d = b(!1), C = b(!1);
+  let o = null, m = !1;
+  const D = () => {
+    var i;
+    const e = Number(((i = s.value) == null ? void 0 : i.replace("px", "")) || 0);
+    p.value = s.value && e > 400 ? s.value : "400px", d.value = !0, f();
+  }, w = () => {
+    p.value = "", d.value = !1, S();
+  }, n = (e) => {
+    var L, F;
+    if (!(e instanceof Node)) return !1;
+    if ((L = v.value) != null && L.contains(e)) return !0;
+    const i = e instanceof Element ? e : e.parentElement;
+    return !!((F = i == null ? void 0 : i.closest) != null && F.call(i, `.${G}`));
+  }, c = (e) => {
+    !u.value || !d.value || n(e.target) || w();
+  }, f = () => {
+    m || (document.addEventListener("mousedown", c, !0), m = !0);
+  }, S = () => {
+    m && (document.removeEventListener("mousedown", c, !0), m = !1);
+  }, W = () => {
+    u.value && (o && (clearTimeout(o), o = null), D());
+  }, k = () => {
+    u.value && (o && clearTimeout(o), o = setTimeout(() => {
+      o = null, !C.value && (n(document.activeElement) || document.activeElement === document.body || document.activeElement === document.documentElement || w());
+    }, 200));
+  }, N = (e) => {
+    u.value && (C.value = e, e && (o && (clearTimeout(o), o = null), p.value && (d.value = !0, f())));
+  };
+  return R(() => {
+    o && clearTimeout(o), S();
+  }), {
+    rootRef: v,
+    innerValue: r,
+    selectValue: h,
+    inputChangeHandler: g,
+    selectChangeHandler: y,
+    inputInputHandler: I,
+    searchHandler: V,
+    inputWidth: p,
+    isFocus: d,
+    onFocus: W,
+    onBlur: k,
+    onDropdownVisibleChange: N,
+    isExpandInput: u,
     selectInputWidth: s
   };
-}, A = /* @__PURE__ */ D({
+}, Q = /* @__PURE__ */ A({
   __name: "Index",
   props: {
     options: { default: [] },
@@ -57,82 +82,97 @@ const P = (t, a) => {
     width: { default: "268px" }
   },
   emits: ["update:modelValue", "update:optionValue", "inputChange", "dasInput", "selectChange"],
-  setup(t, { emit: a }) {
-    const u = t, i = a, {
-      innerValue: l,
-      selectValue: s,
-      inputChangeHandler: h,
-      selectChangeHandler: m,
-      inputInputHandler: f,
-      searchHandler: V,
-      inputWidth: d,
-      isFocus: r,
-      onFocus: I,
-      onBlur: w,
-      isExpandInput: o,
-      selectInputWidth: p
-    } = P(u, i);
-    return (n, c) => (L(), k(e(W), {
-      class: x(["das-select-input", { "is-error": n.error, "is-search": n.isSearch, "is-disabled": n.disabled }]),
-      modelValue: e(l),
-      "onUpdate:modelValue": c[1] || (c[1] = (g) => v(l) ? l.value = g : null),
-      width: e(o) && e(r) ? e(d) : e(p),
-      disabled: n.disabled,
-      isView: n.isView,
-      maxLength: n.maxLength,
-      filterSpace: !1,
-      isTitle: !n.isExpandAtFocus,
-      onInput: e(f),
-      onChange: e(h),
-      onFocus: e(I),
-      onBlur: e(w)
-    }, E({
-      prepend: y(() => [
-        B(e(N), {
-          size: "mini",
+  setup(l, { emit: a }) {
+    const r = l, h = a, {
+      rootRef: u,
+      innerValue: s,
+      selectValue: V,
+      inputChangeHandler: g,
+      selectChangeHandler: I,
+      inputInputHandler: y,
+      searchHandler: v,
+      inputWidth: p,
+      isFocus: d,
+      onFocus: C,
+      onBlur: o,
+      onDropdownVisibleChange: m,
+      isExpandInput: D,
+      selectInputWidth: w
+    } = J(r, h);
+    return (n, c) => (U(), K(
+      "div",
+      {
+        ref_key: "rootRef",
+        ref: u,
+        class: "das-select-input-root"
+      },
+      [
+        B(t($), {
+          class: z(["das-select-input", { "is-error": n.error, "is-search": n.isSearch, "is-disabled": n.disabled }]),
+          modelValue: t(s),
+          "onUpdate:modelValue": c[1] || (c[1] = (f) => T(s) ? s.value = f : null),
+          width: t(D) && t(d) ? t(p) : t(w),
           disabled: n.disabled,
           isView: n.isView,
-          dropdownClassName: "das-select-input-select-container",
-          modelValue: e(s),
-          "onUpdate:modelValue": c[0] || (c[0] = (g) => v(s) ? s.value = g : null),
-          width: "auto",
-          dropdownMatchSelectWidth: !1,
-          "border-type": "none",
-          options: n.options,
-          getPopupContainer: n.getPopupContainer,
-          fieldNames: {
-            value: n.optionsValueKey,
-            label: n.optionsLabelKey
-          },
-          onChange: e(m)
-        }, null, 8, ["disabled", "isView", "modelValue", "options", "getPopupContainer", "fieldNames", "onChange"])
-      ]),
-      _: 2
-      /* DYNAMIC */
-    }, [
-      n.hasIcon ? {
-        name: "suffix",
-        fn: y(() => [
-          B(e(K), {
-            style: { cursor: "pointer" },
-            onClick: e(V)
-          }, null, 8, ["onClick"])
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["class", "modelValue", "width", "disabled", "isView", "maxLength", "isTitle", "onInput", "onChange", "onFocus", "onBlur"]));
+          maxLength: n.maxLength,
+          filterSpace: !1,
+          isTitle: !n.isExpandAtFocus,
+          onInput: t(y),
+          onChange: t(g),
+          onFocus: t(C),
+          onBlur: t(o)
+        }, M({
+          prepend: H(() => [
+            B(t(q), {
+              size: "mini",
+              disabled: n.disabled,
+              isView: n.isView,
+              dropdownClassName: "das-select-input-select-container",
+              modelValue: t(V),
+              "onUpdate:modelValue": c[0] || (c[0] = (f) => T(V) ? V.value = f : null),
+              width: "auto",
+              dropdownMatchSelectWidth: !1,
+              "border-type": "none",
+              options: n.options,
+              getPopupContainer: n.getPopupContainer,
+              fieldNames: {
+                value: n.optionsValueKey,
+                label: n.optionsLabelKey
+              },
+              onChange: t(I),
+              onDropdownVisibleChange: t(m)
+            }, null, 8, ["disabled", "isView", "modelValue", "options", "getPopupContainer", "fieldNames", "onChange", "onDropdownVisibleChange"])
+          ]),
+          _: 2
+          /* DYNAMIC */
+        }, [
+          n.hasIcon ? {
+            name: "suffix",
+            fn: H(() => [
+              B(t(j), {
+                style: { cursor: "pointer" },
+                onClick: t(v)
+              }, null, 8, ["onClick"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["class", "modelValue", "width", "disabled", "isView", "maxLength", "isTitle", "onInput", "onChange", "onFocus", "onBlur"])
+      ],
+      512
+      /* NEED_PATCH */
+    ));
   }
-}), T = (t, a) => {
-  const u = t.__vccOpts || t;
-  for (const [i, l] of a)
-    u[i] = l;
-  return u;
-}, z = /* @__PURE__ */ T(A, [["__scopeId", "data-v-d2cb3159"]]), M = {
+}), X = (l, a) => {
+  const r = l.__vccOpts || l;
+  for (const [h, u] of a)
+    r[h] = u;
+  return r;
+}, Y = /* @__PURE__ */ X(Q, [["__scopeId", "data-v-b19d8c77"]]), Z = {
   "--das-ui-select-input-border-color": { light: "#999" },
   "--das-ui-select-input-border-color-search": { light: "#D9D9D9" }
-}, X = F(z);
-S(M);
+}, se = O(Y);
+x(Z);
 export {
-  X as DasSelectInput,
-  X as default
+  se as DasSelectInput,
+  se as default
 };

package/packages/components/select-input/src/hooks/use-select-input.d.ts

@@ -1,5 +1,6 @@
 import type { Props, Emits } from '../type';
 export declare const useSelectInput: (props: Props, emit: Emits) => {
+    rootRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
     innerValue: import("vue").Ref<any, any>;
     selectValue: import("vue").Ref<any, any>;
     inputChangeHandler: (val: any) => void;
@@ -10,6 +11,7 @@ export declare const useSelectInput: (props: Props, emit: Emits) => {
     isFocus: import("vue").Ref<boolean, boolean>;
     onFocus: () => void;
     onBlur: () => void;
+    onDropdownVisibleChange: (visible: boolean) => void;
     isExpandInput: import("vue").Ref<any, any>;
     selectInputWidth: import("vue").ComputedRef<string | undefined>;
 };

package/packages/components/select-input/style.css

@@ -1 +1 @@
-.das-ui-input.only-border-bottom[data-v-d2cb3159]{transition:width .3s ease}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input{height:24px}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group{border-color:var(--das-ui-select-input-border-color)}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group.is-search{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group.input-focus-color,.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group:hover{border-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group.is-disabled{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group.is-error{border-color:var(--das-ui-input-error-color)}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-input.only-border-bottom[data-v-d2cb3159] .das-select-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}[data-v-d2cb3159] .el-input__icon{font-size:16px}.das-select-input-select-container.ant-select-dropdown{min-width:100px!important;padding:8px 0;max-height:328px;max-width:180px}.das-select-input-select-container.ant-select-dropdown .rc-virtual-list-holder{max-height:160px!important}.das-select-input .das-ui-select{min-width:68px}
+.das-select-input-root[data-v-b19d8c77]{display:inline-block}.das-ui-input.only-border-bottom[data-v-b19d8c77]{transition:width .3s ease}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input{height:24px}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group{border-color:var(--das-ui-select-input-border-color)}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group.is-search{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group.input-focus-color,.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group:hover{border-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group.is-disabled{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group.is-error{border-color:var(--das-ui-input-error-color)}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}[data-v-b19d8c77] .el-input__icon{font-size:16px}.das-select-input-select-container.ant-select-dropdown{min-width:100px!important;padding:8px 0;max-height:328px;max-width:180px}.das-select-input-select-container.ant-select-dropdown .rc-virtual-list-holder{max-height:160px!important}.das-select-input .das-ui-select{min-width:68px}

package/packages/components/special-range-picker-month/index.d.ts

@@ -1,12 +1,12 @@
 import '@das-fed/ui/packages/global/theme';
 declare const DasSpecialRangePickerMonth: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (currValue: import("./src/type.js").RangeValue) => any;
     change: (currValue: import("./src/type.js").RangeValue) => any;
+    "update:modelValue": (currValue: import("./src/type.js").RangeValue) => any;
     "update:error": (currValue: boolean) => any;
     "show-popover": () => any;
 }, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{
-    "onUpdate:modelValue"?: ((currValue: import("./src/type.js").RangeValue) => any) | undefined;
     onChange?: ((currValue: import("./src/type.js").RangeValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((currValue: import("./src/type.js").RangeValue) => any) | undefined;
     "onUpdate:error"?: ((currValue: boolean) => any) | undefined;
     "onShow-popover"?: (() => any) | undefined;
 }>, {

package/packages/components/special-range-picker-month/src/Index.vue.d.ts

@@ -1,12 +1,12 @@
 import type { Props } from './type';
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (currValue: import("./type").RangeValue) => any;
     change: (currValue: import("./type").RangeValue) => any;
+    "update:modelValue": (currValue: import("./type").RangeValue) => any;
     "update:error": (currValue: boolean) => any;
     "show-popover": () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: ((currValue: import("./type").RangeValue) => any) | undefined;
     onChange?: ((currValue: import("./type").RangeValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((currValue: import("./type").RangeValue) => any) | undefined;
     "onUpdate:error"?: ((currValue: boolean) => any) | undefined;
     "onShow-popover"?: (() => any) | undefined;
 }>, {

package/packages/components/special-range-picker-year/index.d.ts

@@ -1,12 +1,12 @@
 import '@das-fed/ui/packages/global/theme';
 declare const DasSpecialRangePickerYear: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (currValue: import("./src/type.js").RangeValue) => any;
     change: (currValue: import("./src/type.js").RangeValue) => any;
+    "update:modelValue": (currValue: import("./src/type.js").RangeValue) => any;
     "update:error": (crrValue: boolean) => any;
     "show-popover": () => any;
 }, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{
-    "onUpdate:modelValue"?: ((currValue: import("./src/type.js").RangeValue) => any) | undefined;
     onChange?: ((currValue: import("./src/type.js").RangeValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((currValue: import("./src/type.js").RangeValue) => any) | undefined;
     "onUpdate:error"?: ((crrValue: boolean) => any) | undefined;
     "onShow-popover"?: (() => any) | undefined;
 }>, {

package/packages/components/special-range-picker-year/src/Index.vue.d.ts

@@ -1,13 +1,13 @@
 import 'element-plus/es/components/popover/style/css';
 import type { Props } from './type';
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (currValue: import("./type").RangeValue) => any;
     change: (currValue: import("./type").RangeValue) => any;
+    "update:modelValue": (currValue: import("./type").RangeValue) => any;
     "update:error": (crrValue: boolean) => any;
     "show-popover": () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: ((currValue: import("./type").RangeValue) => any) | undefined;
     onChange?: ((currValue: import("./type").RangeValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((currValue: import("./type").RangeValue) => any) | undefined;
     "onUpdate:error"?: ((crrValue: boolean) => any) | undefined;
     "onShow-popover"?: (() => any) | undefined;
 }>, {

package/packages/components/table/index.js

@@ -25,7 +25,6 @@ import { SizeWatcher as hf } from "@das-fed/utils/size-watcher";
 import { useModelValue as pf } from "@das-fed/utils/vue";
 import { flatTree as Oi, arrEqual as d0, arrUnique as h0 } from "@das-fed/utils/common-tools";
 import { DasMessage as p0 } from "@das-fed/ui/packages/components/message/index";
-import "@das-fed/utils/style";
 import { getVar as jr, setThemeRule as g0 } from "@das-fed/web/packages/theme/index";
 import v0 from "element-plus/dist/locale/zh-cn.mjs";
 import _0 from "element-plus/dist/locale/en.mjs";
@@ -6783,7 +6782,7 @@ const Yf = Symbol(), nm = {
   for (const [a, c] of l)
     r[a] = c;
   return r;
-}, Fm = /* @__PURE__ */ qf(Mm, [["__scopeId", "data-v-af448684"]]), Pm = { class: "table-filter-pane" }, Bm = { class: "table-filter-content" }, zm = { key: 0 }, Wm = {
+}, Fm = /* @__PURE__ */ qf(Mm, [["__scopeId", "data-v-261983df"]]), Pm = { class: "table-filter-pane" }, Bm = { class: "table-filter-content" }, zm = { key: 0 }, Wm = {
   key: 0,
   class: "input-box"
 }, Hm = {
@@ -7535,11 +7534,11 @@ const Yf = Symbol(), nm = {
 };
 c0(g1);
 g0(p1);
-const eb = () => ye(null), tb = () => ye(null), nb = If(Fm), rb = If(h1), ib = { name: "table 表格" };
+const j1 = () => ye(null), eb = () => ye(null), tb = If(Fm), nb = If(h1), rb = { name: "table 表格" };
 export {
-  nb as DasTable,
-  rb as DasTableColumn,
-  tb as DasTableColumnRef,
-  eb as DasTableRef,
-  ib as default
+  tb as DasTable,
+  nb as DasTableColumn,
+  eb as DasTableColumnRef,
+  j1 as DasTableRef,
+  rb as default
 };