fast-crud-ui3 1.5.17 → 1.5.18-beta

package/lib/model/fastTableOption.d.ts

@@ -464,13 +464,15 @@ declare class FastTableOption {
      * 向内置条件组中增加条件
      * @param cond
      * @param repeatable 是否允许重复的col, 默认false, 即若多次添加相同col的条件, 只会保留最新的
+     * @return {FastTableOption} 返回当前对象
      */
-    addCond(cond: any, repeatable?: boolean): void;
+    addCond(cond: any, repeatable?: boolean): FastTableOption;
     /**
      * 从内置条件组中移除条件
-     * @param col
+     * @param col {string} 字段名
+     * @return {FastTableOption} 返回当前对象
      */
-    removeCond(col: any): void;
+    removeCond(col: string): FastTableOption;
     /**
      * 新增行, 返回promise
      * @param fatRows
@@ -504,7 +506,8 @@ declare class FastTableOption {
      * @param query
      * @param valKey
      * @param labelKey
+     * @param forceRefresh 是否强制刷新，若true则跳过缓存
      * @return {Promise<*>}
      */
-    _buildSelectOptions(query: any, valKey: any, labelKey: any): Promise<any>;
+    _buildSelectOptions(query: any, valKey: any, labelKey: any, forceRefresh?: boolean): Promise<any>;
 }

package/lib/style.css

@@ -1 +1 @@
-.fc-checkbox-group[data-v-61f6643f]{display:inline-block;margin-left:10px}.jv-node{position:relative}.jv-node:after{content:","}.jv-node:last-of-type:after{content:""}.jv-node.toggle{margin-left:13px!important}.jv-node .jv-node{margin-left:25px}.jv-container{box-sizing:border-box;position:relative}.jv-container.boxed{border:1px solid #eee;border-radius:6px}.jv-container.boxed:hover{box-shadow:0 2px 7px #00000026;border-color:transparent;position:relative}.jv-container.jv-light{background:#fff;white-space:nowrap;color:#525252;font-size:14px;font-family:Consolas,Menlo,Courier,monospace}.jv-container.jv-dark{background:#282c34;white-space:nowrap;color:#fff;font-size:14px;font-family:Consolas,Menlo,Courier,monospace}.jv-container.jv-light .jv-ellipsis{color:#999;background-color:#eee;display:inline-block;line-height:.9;font-size:.9em;padding:0 4px 2px;margin:0 4px;border-radius:3px;vertical-align:2px;cursor:pointer;-webkit-user-select:none;user-select:none}.jv-container.jv-dark .jv-ellipsis{color:#f8f8f8;background-color:#2c3e50;display:inline-block;line-height:.9;font-size:.9em;padding:0 4px 2px;margin:0 4px;border-radius:3px;vertical-align:2px;cursor:pointer;-webkit-user-select:none;user-select:none}.jv-container.jv-light .jv-button,.jv-container.jv-dark .jv-button{color:#49b3ff}.jv-container.jv-light .jv-key{color:#111;margin-right:4px}.jv-container.jv-dark .jv-key{color:#fff;margin-right:4px}.jv-container.jv-dark .jv-item.jv-array{color:#111}.jv-container.jv-dark .jv-item.jv-array{color:#fff}.jv-container.jv-dark .jv-item.jv-boolean{color:#fc1e70}.jv-container.jv-dark .jv-item.jv-function{color:#067bca}.jv-container.jv-dark .jv-item.jv-number{color:#fc1e70}.jv-container.jv-dark .jv-item.jv-object{color:#fff}.jv-container.jv-dark .jv-item.jv-undefined{color:#e08331}.jv-container.jv-dark .jv-item.jv-string{color:#42b983;word-break:break-word;white-space:normal}.jv-container.jv-dark .jv-item.jv-string .jv-link{color:#0366d6}.jv-container.jv-dark .jv-code .jv-toggle:before{padding:0 2px;border-radius:2px}.jv-container.jv-dark .jv-code .jv-toggle:hover:before{background:#eee}.jv-container.jv-light .jv-item.jv-array{color:#111}.jv-container.jv-light .jv-item.jv-boolean{color:#fc1e70}.jv-container.jv-light .jv-item.jv-function{color:#067bca}.jv-container.jv-light .jv-item.jv-number{color:#fc1e70}.jv-container.jv-light .jv-item.jv-object{color:#111}.jv-container.jv-light .jv-item.jv-undefined{color:#e08331}.jv-container.jv-light .jv-item.jv-string{color:#42b983;word-break:break-word;white-space:normal}.jv-container.jv-light .jv-item.jv-string .jv-link{color:#0366d6}.jv-container.jv-light .jv-code .jv-toggle:before{padding:0 2px;border-radius:2px}.jv-container.jv-light .jv-code .jv-toggle:hover:before{background:#eee}.jv-container .jv-code{overflow:hidden;padding:30px 20px}.jv-container .jv-code.boxed{max-height:300px}.jv-container .jv-code.open{max-height:initial!important;overflow:visible;overflow-x:auto;padding-bottom:45px}.jv-container .jv-toggle{background-image:url("data:image/svg+xml,%3csvg%20height='16'%20width='8'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpolygon%20points='0,0%208,8%200,16'%20style='fill:%23666;stroke:purple;stroke-width:0'%20/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center center;cursor:pointer;width:10px;height:10px;margin-right:2px;display:inline-block;transition:transform .1s}.jv-container .jv-toggle.open{transform:rotate(90deg)}.jv-container .jv-more{position:absolute;z-index:1;bottom:0;left:0;right:0;height:40px;width:100%;text-align:center;cursor:pointer}.jv-container .jv-more .jv-toggle{position:relative;top:40%;z-index:2;color:#888;transition:all .1s;transform:rotate(90deg)}.jv-container .jv-more .jv-toggle.open{transform:rotate(-90deg)}.jv-container .jv-more:after{content:"";width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#0000 20%,#e6e6e64d);transition:all .1s}.jv-container .jv-more:hover .jv-toggle{top:50%;color:#111}.jv-container .jv-more:hover:after{background:linear-gradient(to bottom,#0000 20%,#e6e6e64d)}.jv-container .jv-button{position:relative;cursor:pointer;display:inline-block;padding:5px;z-index:5}.jv-container .jv-button.copied{opacity:.4;cursor:default}.jv-container .jv-tooltip{position:absolute}.jv-container .jv-tooltip.right{right:15px}.jv-container .jv-tooltip.left{left:15px}.jv-container .j-icon{font-size:12px}.jv-node .jv-toggle.open+.jv-key+.jv-push>.jv-item.jv-object:last-of-type,.jv-node .jv-toggle.open+.jv-key+.jv-push>.jv-item.jv-array:last-of-type{margin-left:12px}.jv-node .jv-toggle:not(.open)+.jv-key+.jv-push>.jv-item.jv-object:last-of-type,.jv-node .jv-toggle:not(.open)+.jv-key+.jv-push>.jv-item.jv-array:last-of-type,.jv-node .jv-toggle:not(.open)+.jv-key+.jv-push>.jv-node:last-of-type{margin-left:0}.footer[data-v-2158782b]{display:flex;margin-top:10px}.footer .flex[data-v-2158782b]{flex:1}.fc-ellipsis[data-v-3683bcba],.fc-ellipsis[data-v-3683bcba] *{white-space:nowrap;overflow:hidden;overflow:clip;text-overflow:ellipsis;display:inline-block;width:100%}.fc-fast-upload[data-v-6ccd1f4d] .el-upload-list--picture-card{display:grid;grid-template-columns:repeat(auto-fill,48px);grid-gap:2px}.fc-fast-upload[data-v-6ccd1f4d] .el-upload-list--text .el-upload-list__item{margin:3px 0!important}.fc-fast-upload .el-upload-list__item-actions[data-v-6ccd1f4d]{display:flex;align-items:center;justify-content:space-around}.fc-fast-upload .el-upload-list__item-actions[data-v-6ccd1f4d]>*{margin:0!important}.fc-fast-upload .el-upload-list__item-actions>* i[data-v-6ccd1f4d]{font-size:14px}.fc-fast-upload .el-upload-list__item-actions[data-v-6ccd1f4d]:after{display:none}.fc-fast-upload img[data-v-6ccd1f4d]{height:100%;object-fit:cover}.fc-fast-upload.fc-fast-upload__hidden[data-v-6ccd1f4d] .el-upload{display:none}.fc-fast-upload.fc-fast-upload__disable[data-v-6ccd1f4d]{border:none!important}.fc-quick-filter-form>.el-form-item{margin:0!important}.fc-quick-filter-form .fc-quick-filter-form-btns[data-v-69969c93]{margin-left:10px}.fc-quick-filter-form[data-v-69969c93] .el-form-item__content>*{flex:1}.fc-easy-filter[data-v-0b8cdecb]{display:flex}.fc-easy-filter .fc-easy-filter-column[data-v-0b8cdecb]{width:100px}.fc-easy-filter .fc-easy-filter-column[data-v-0b8cdecb] .el-select__wrapper,.fc-easy-filter .fc-easy-filter-column[data-v-0b8cdecb] .el-input__wrapper{box-shadow:inset 0 1px #dcdfe6,inset 0 -1px #dcdfe6,inset 1px 0 #dcdfe6;border-top-right-radius:0;border-bottom-right-radius:0}.fc-easy-filter .fc-easy-filter-value[data-v-0b8cdecb]{width:280px}.fc-easy-filter .fc-easy-filter-value[data-v-0b8cdecb] .el-input__wrapper,.fc-easy-filter[data-v-0b8cdecb] .fc-easy-filter-value.el-input__wrapper,.fc-easy-filter[data-v-0b8cdecb] .fc-easy-filter-value .el-select__wrapper{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.fc-stored-filter-manager .fc-stored-filter-manager-btns[data-v-e940e7e6]{margin-bottom:20px}.fc-stored-filter-manager .fc-stored-filter-item[data-v-e940e7e6]{margin:10px 0}.fc-stored-filter-manager .fc-stored-filter-item[data-v-e940e7e6] .fc-stored-filter-item-header{display:flex;justify-content:space-between}.fc-stored-filter-manager .fc-stored-filter-item .fc-stored-filter-item-label[data-v-e940e7e6]{width:200px}.fc-stored-filter-manager .fc-stored-filter-item .fc-dynamic-filter-list[data-v-e940e7e6]{display:flex;flex-wrap:wrap;column-gap:5px;align-items:center}.fc-stored-filter-manager .fc-stored-filter-item .fc-dynamic-filter-list .fc-dynamic-filter-btns[data-v-e940e7e6]{display:flex;align-items:center}.fc-stored-filter-manager .fc-stored-filter-item .fc-dynamic-filter-list .fc-dynamic-filter-btns:hover .fc-dynamic-filter-open-btn[data-v-e940e7e6]{text-decoration:underline}.fc-stored-filter-manager .fc-stored-filter-item .fc-dynamic-filter-list .fc-dynamic-filter-btns:hover .fc-dynamic-filter-del-btn[data-v-e940e7e6]{visibility:visible}.fc-stored-filter-manager .fc-stored-filter-item .fc-dynamic-filter-list .fc-dynamic-filter-open-btn[data-v-e940e7e6]{color:gray;padding:3px 5px;border:1px solid #cacaca;border-radius:3px;font-size:15px!important}.fc-stored-filter-manager .fc-stored-filter-item .fc-dynamic-filter-list .fc-dynamic-filter-del-btn[data-v-e940e7e6]{visibility:hidden;margin-left:5px;padding:5px 0;color:#8d4343;font-size:13px!important}.fc-stored-filter-manager .fc-stored-filter-item .fc-dynamic-filter-list .fc-dynamic-filter-clear-btn[data-v-e940e7e6]{font-size:13px!important;margin-left:3px}.fc-stored-filter-manager .fc-stored-filter-item .component[data-v-e940e7e6]{margin:10px 0;max-width:420px;max-height:300px;overflow:auto}.fc-stored-filter-manager .fc-stored-filter-item .component[data-v-e940e7e6] .fc-checkbox-group,.fc-stored-filter-manager .fc-stored-filter-item .component[data-v-e940e7e6] .fc-checkbox-group .el-checkbox{display:block}.fc-dynamic-filter-form[data-v-dc7bc9f5]>*{margin-bottom:10px}.fc-dynamic-filter-form .title[data-v-dc7bc9f5]{margin-bottom:5px;font-size:13px;display:flex;align-items:center;justify-content:space-between}.fc-dynamic-filter-form .fc-dynamic-filter-sort-btn[data-v-dc7bc9f5],.fc-dynamic-filter-form .fc-dynamic-filter-component[data-v-dc7bc9f5]{display:flex;justify-content:space-between}.fc-dynamic-filter-form .fc-dynamic-filter-sort-btn[data-v-dc7bc9f5]>*,.fc-dynamic-filter-form .fc-dynamic-filter-component[data-v-dc7bc9f5]>*{flex:1}.fc-dynamic-filter-form .fc-dynamic-filter-component-wrapper[data-v-dc7bc9f5]{margin:20px 0}.fc-dynamic-filter-form .fc-dynamic-filter-distinct[data-v-dc7bc9f5]{border:1px solid #e1e1e1;padding:10px;overflow:auto;max-height:300px}.fc-dynamic-filter-form .fc-dynamic-filter-distinct .fc-dynamic-filter-distinct-options[data-v-dc7bc9f5]{margin-top:10px}.fc-dynamic-filter-form .fc-dynamic-filter-distinct .fc-dynamic-filter-distinct-options[data-v-dc7bc9f5] .el-checkbox{display:block}.fc-dynamic-filter-form .fc-dynamic-filter-form-btn[data-v-dc7bc9f5]{display:flex}.fc-dynamic-filter-list[data-v-df9e04b8]{display:flex;flex-wrap:wrap;column-gap:5px}.fc-dynamic-filter-list .fc-dynamic-filter-btns:hover .fc-dynamic-filter-open-btn[data-v-df9e04b8]{text-decoration:underline}.fc-dynamic-filter-list .fc-dynamic-filter-btns:hover .fc-dynamic-filter-del-btn[data-v-df9e04b8]{visibility:visible}.fc-dynamic-filter-list .strikethrough[data-v-df9e04b8]{text-decoration:line-through!important;color:#acacac!important}.fc-dynamic-filter-list .fc-dynamic-filter-open-btn[data-v-df9e04b8]{color:gray;padding:3px 5px;border:1px solid #cacaca;border-radius:3px;font-size:13px!important}.fc-dynamic-filter-list .fc-dynamic-filter-del-btn[data-v-df9e04b8]{visibility:hidden;margin-left:5px;padding:5px 0;color:#8d4343;font-size:13px!important}.fc-dynamic-filter-list .fc-dynamic-filter-clear-btn[data-v-df9e04b8]{font-size:13px!important;margin-left:3px}.component.fc-fast-checkbox-group[data-v-df9e04b8]{margin:10px 0;max-width:420px;max-height:300px;overflow:auto}.component.fc-fast-checkbox-group[data-v-df9e04b8] .fc-checkbox-group,.component.fc-fast-checkbox-group[data-v-df9e04b8] .fc-checkbox-group .el-checkbox{display:block}.fc-dynamic-filter-footer[data-v-df9e04b8]{display:flex;justify-content:center;margin-top:10px}.fc-table-edit-form-wrapper .fc-table-edit-form-btns[data-v-22940f89]{display:flex;justify-content:right}.fc-fast-table[data-v-50fc372b]{height:100%;box-sizing:border-box;padding:10px;overflow:auto}.fc-fast-table .fc-fast-table-title[data-v-50fc372b]{font-weight:700}.fc-fast-table .fc-quick-filter-wrapper[data-v-50fc372b]{padding-bottom:10px;box-sizing:border-box;border-bottom:1px solid #dfdfdf;margin-bottom:10px}.fc-fast-table .fc-fast-table-divider[data-v-50fc372b]{margin:0 0 10px}.fc-fast-table .fc-fast-table-operation-bar[data-v-50fc372b]{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;position:relative}.fc-fast-table .fc-fast-table-operation-bar[data-v-50fc372b] .el-button--default{padding-left:10px;padding-right:10px}.fc-fast-table .fc-fast-table-operation-bar .fc-operation-filter[data-v-50fc372b]{display:flex}.fc-fast-table .fc-fast-table-operation-bar .fc-operation-filter[data-v-50fc372b]>:not(:first-child){margin-left:5px}.fc-fast-table .fc-fast-table-operation-bar .fc-operation-filter .fc-stored-btn-wrapper[data-v-50fc372b],.fc-fast-table .fc-fast-table-operation-bar .fc-fast-table-operation-more[data-v-50fc372b]{margin-left:10px}.fc-fast-table[data-v-50fc372b] .el-table__cell{padding:0}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell{padding:0 10px}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component{width:100%}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-input__inner{padding:0 4px}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-input-number__decrease,.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-input-number__increase{width:15px}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-input__prefix{display:none}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component input{text-align:left}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-upload-list--picture-card .el-upload-list__item,.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-upload--picture-card{width:auto;height:100%;aspect-ratio:1/1;line-height:100%;margin:0}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-upload-list--picture-card .el-upload-list__item .el-icon-plus,.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-upload--picture-card .el-icon-plus{font-size:18px;width:18px;height:18px;margin-top:calc(50% - 9px)}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-upload-list--text .el-upload-list__item{margin:0;line-height:1}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-upload-list--text .el-upload-list__item>*{display:inline}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component.fc-valid-error{border:1px dashed #F56C6C}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .el-upload-list__item{transition:none!important}.fc-fast-table .fc-pagination-wrapper[data-v-50fc372b]{display:flex;margin-top:3px;justify-content:space-between}.fc-fast-table .fc-pagination-wrapper .fc-footer-wrapper[data-v-50fc372b]{display:flex;align-items:center}.fc-fast-table .fc-pagination-wrapper .fc-footer-wrapper .fc-check-tip[data-v-50fc372b]{display:flex;margin-right:10px}.fc-table-column-head-cell[data-v-f65c5a37]{display:flex;align-items:center;justify-content:center;white-space:nowrap;height:38px;line-height:38px;margin:0 10px}.fc-table-column-head-cell.filter[data-v-f65c5a37]{cursor:pointer}.sort-icon[data-v-f65c5a37]{color:#409eff}.img-list[data-v-c680920f]{display:flex;flex-wrap:wrap;padding:3px 0}img[data-v-c680920f]{object-fit:cover}.fc-fast-upload-file[data-v-046d9cc0]{display:flex;flex-direction:column;justify-content:center}.fc-dynamic-dialog .el-dialog__body{padding:15px}
+.fc-checkbox-group[data-v-61f6643f]{display:inline-block;margin-left:10px}.jv-node{position:relative}.jv-node:after{content:","}.jv-node:last-of-type:after{content:""}.jv-node.toggle{margin-left:13px!important}.jv-node .jv-node{margin-left:25px}.jv-container{box-sizing:border-box;position:relative}.jv-container.boxed{border:1px solid #eee;border-radius:6px}.jv-container.boxed:hover{box-shadow:0 2px 7px #00000026;border-color:transparent;position:relative}.jv-container.jv-light{background:#fff;white-space:nowrap;color:#525252;font-size:14px;font-family:Consolas,Menlo,Courier,monospace}.jv-container.jv-dark{background:#282c34;white-space:nowrap;color:#fff;font-size:14px;font-family:Consolas,Menlo,Courier,monospace}.jv-container.jv-light .jv-ellipsis{color:#999;background-color:#eee;display:inline-block;line-height:.9;font-size:.9em;padding:0 4px 2px;margin:0 4px;border-radius:3px;vertical-align:2px;cursor:pointer;-webkit-user-select:none;user-select:none}.jv-container.jv-dark .jv-ellipsis{color:#f8f8f8;background-color:#2c3e50;display:inline-block;line-height:.9;font-size:.9em;padding:0 4px 2px;margin:0 4px;border-radius:3px;vertical-align:2px;cursor:pointer;-webkit-user-select:none;user-select:none}.jv-container.jv-light .jv-button,.jv-container.jv-dark .jv-button{color:#49b3ff}.jv-container.jv-light .jv-key{color:#111;margin-right:4px}.jv-container.jv-dark .jv-key{color:#fff;margin-right:4px}.jv-container.jv-dark .jv-item.jv-array{color:#111}.jv-container.jv-dark .jv-item.jv-array{color:#fff}.jv-container.jv-dark .jv-item.jv-boolean{color:#fc1e70}.jv-container.jv-dark .jv-item.jv-function{color:#067bca}.jv-container.jv-dark .jv-item.jv-number{color:#fc1e70}.jv-container.jv-dark .jv-item.jv-object{color:#fff}.jv-container.jv-dark .jv-item.jv-undefined{color:#e08331}.jv-container.jv-dark .jv-item.jv-string{color:#42b983;word-break:break-word;white-space:normal}.jv-container.jv-dark .jv-item.jv-string .jv-link{color:#0366d6}.jv-container.jv-dark .jv-code .jv-toggle:before{padding:0 2px;border-radius:2px}.jv-container.jv-dark .jv-code .jv-toggle:hover:before{background:#eee}.jv-container.jv-light .jv-item.jv-array{color:#111}.jv-container.jv-light .jv-item.jv-boolean{color:#fc1e70}.jv-container.jv-light .jv-item.jv-function{color:#067bca}.jv-container.jv-light .jv-item.jv-number{color:#fc1e70}.jv-container.jv-light .jv-item.jv-object{color:#111}.jv-container.jv-light .jv-item.jv-undefined{color:#e08331}.jv-container.jv-light .jv-item.jv-string{color:#42b983;word-break:break-word;white-space:normal}.jv-container.jv-light .jv-item.jv-string .jv-link{color:#0366d6}.jv-container.jv-light .jv-code .jv-toggle:before{padding:0 2px;border-radius:2px}.jv-container.jv-light .jv-code .jv-toggle:hover:before{background:#eee}.jv-container .jv-code{overflow:hidden;padding:30px 20px}.jv-container .jv-code.boxed{max-height:300px}.jv-container .jv-code.open{max-height:initial!important;overflow:visible;overflow-x:auto;padding-bottom:45px}.jv-container .jv-toggle{background-image:url("data:image/svg+xml,%3csvg%20height='16'%20width='8'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpolygon%20points='0,0%208,8%200,16'%20style='fill:%23666;stroke:purple;stroke-width:0'%20/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center center;cursor:pointer;width:10px;height:10px;margin-right:2px;display:inline-block;transition:transform .1s}.jv-container .jv-toggle.open{transform:rotate(90deg)}.jv-container .jv-more{position:absolute;z-index:1;bottom:0;left:0;right:0;height:40px;width:100%;text-align:center;cursor:pointer}.jv-container .jv-more .jv-toggle{position:relative;top:40%;z-index:2;color:#888;transition:all .1s;transform:rotate(90deg)}.jv-container .jv-more .jv-toggle.open{transform:rotate(-90deg)}.jv-container .jv-more:after{content:"";width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#0000 20%,#e6e6e64d);transition:all .1s}.jv-container .jv-more:hover .jv-toggle{top:50%;color:#111}.jv-container .jv-more:hover:after{background:linear-gradient(to bottom,#0000 20%,#e6e6e64d)}.jv-container .jv-button{position:relative;cursor:pointer;display:inline-block;padding:5px;z-index:5}.jv-container .jv-button.copied{opacity:.4;cursor:default}.jv-container .jv-tooltip{position:absolute}.jv-container .jv-tooltip.right{right:15px}.jv-container .jv-tooltip.left{left:15px}.jv-container .j-icon{font-size:12px}.jv-node .jv-toggle.open+.jv-key+.jv-push>.jv-item.jv-object:last-of-type,.jv-node .jv-toggle.open+.jv-key+.jv-push>.jv-item.jv-array:last-of-type{margin-left:12px}.jv-node .jv-toggle:not(.open)+.jv-key+.jv-push>.jv-item.jv-object:last-of-type,.jv-node .jv-toggle:not(.open)+.jv-key+.jv-push>.jv-item.jv-array:last-of-type,.jv-node .jv-toggle:not(.open)+.jv-key+.jv-push>.jv-node:last-of-type{margin-left:0}.footer[data-v-2158782b]{display:flex;margin-top:10px}.footer .flex[data-v-2158782b]{flex:1}.fc-ellipsis[data-v-3683bcba],.fc-ellipsis[data-v-3683bcba] *{white-space:nowrap;overflow:hidden;overflow:clip;text-overflow:ellipsis;display:inline-block;width:100%}.fc-fast-upload[data-v-6ccd1f4d] .el-upload-list--picture-card{display:grid;grid-template-columns:repeat(auto-fill,48px);grid-gap:2px}.fc-fast-upload[data-v-6ccd1f4d] .el-upload-list--text .el-upload-list__item{margin:3px 0!important}.fc-fast-upload .el-upload-list__item-actions[data-v-6ccd1f4d]{display:flex;align-items:center;justify-content:space-around}.fc-fast-upload .el-upload-list__item-actions[data-v-6ccd1f4d]>*{margin:0!important}.fc-fast-upload .el-upload-list__item-actions>* i[data-v-6ccd1f4d]{font-size:14px}.fc-fast-upload .el-upload-list__item-actions[data-v-6ccd1f4d]:after{display:none}.fc-fast-upload img[data-v-6ccd1f4d]{height:100%;object-fit:cover}.fc-fast-upload.fc-fast-upload__hidden[data-v-6ccd1f4d] .el-upload{display:none}.fc-fast-upload.fc-fast-upload__disable[data-v-6ccd1f4d]{border:none!important}.fc-quick-filter-form>.el-form-item{margin:0!important}.fc-quick-filter-form .fc-quick-filter-form-btns[data-v-4ef6c2b5]{margin-left:10px}.fc-quick-filter-form[data-v-4ef6c2b5] .el-form-item__content>*{flex:1}.fc-easy-filter[data-v-0b8cdecb]{display:flex}.fc-easy-filter .fc-easy-filter-column[data-v-0b8cdecb]{width:100px}.fc-easy-filter .fc-easy-filter-column[data-v-0b8cdecb] .el-select__wrapper,.fc-easy-filter .fc-easy-filter-column[data-v-0b8cdecb] .el-input__wrapper{box-shadow:inset 0 1px #dcdfe6,inset 0 -1px #dcdfe6,inset 1px 0 #dcdfe6;border-top-right-radius:0;border-bottom-right-radius:0}.fc-easy-filter .fc-easy-filter-value[data-v-0b8cdecb]{width:280px}.fc-easy-filter .fc-easy-filter-value[data-v-0b8cdecb] .el-input__wrapper,.fc-easy-filter[data-v-0b8cdecb] .fc-easy-filter-value.el-input__wrapper,.fc-easy-filter[data-v-0b8cdecb] .fc-easy-filter-value .el-select__wrapper{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.fc-stored-filter-manager .fc-stored-filter-manager-btns[data-v-e940e7e6]{margin-bottom:20px}.fc-stored-filter-manager .fc-stored-filter-item[data-v-e940e7e6]{margin:10px 0}.fc-stored-filter-manager .fc-stored-filter-item[data-v-e940e7e6] .fc-stored-filter-item-header{display:flex;justify-content:space-between}.fc-stored-filter-manager .fc-stored-filter-item .fc-stored-filter-item-label[data-v-e940e7e6]{width:200px}.fc-stored-filter-manager .fc-stored-filter-item .fc-dynamic-filter-list[data-v-e940e7e6]{display:flex;flex-wrap:wrap;column-gap:5px;align-items:center}.fc-stored-filter-manager .fc-stored-filter-item .fc-dynamic-filter-list .fc-dynamic-filter-btns[data-v-e940e7e6]{display:flex;align-items:center}.fc-stored-filter-manager .fc-stored-filter-item .fc-dynamic-filter-list .fc-dynamic-filter-btns:hover .fc-dynamic-filter-open-btn[data-v-e940e7e6]{text-decoration:underline}.fc-stored-filter-manager .fc-stored-filter-item .fc-dynamic-filter-list .fc-dynamic-filter-btns:hover .fc-dynamic-filter-del-btn[data-v-e940e7e6]{visibility:visible}.fc-stored-filter-manager .fc-stored-filter-item .fc-dynamic-filter-list .fc-dynamic-filter-open-btn[data-v-e940e7e6]{color:gray;padding:3px 5px;border:1px solid #cacaca;border-radius:3px;font-size:15px!important}.fc-stored-filter-manager .fc-stored-filter-item .fc-dynamic-filter-list .fc-dynamic-filter-del-btn[data-v-e940e7e6]{visibility:hidden;margin-left:5px;padding:5px 0;color:#8d4343;font-size:13px!important}.fc-stored-filter-manager .fc-stored-filter-item .fc-dynamic-filter-list .fc-dynamic-filter-clear-btn[data-v-e940e7e6]{font-size:13px!important;margin-left:3px}.fc-stored-filter-manager .fc-stored-filter-item .component[data-v-e940e7e6]{margin:10px 0;max-width:420px;max-height:300px;overflow:auto}.fc-stored-filter-manager .fc-stored-filter-item .component[data-v-e940e7e6] .fc-checkbox-group,.fc-stored-filter-manager .fc-stored-filter-item .component[data-v-e940e7e6] .fc-checkbox-group .el-checkbox{display:block}.fc-dynamic-filter-form[data-v-dc7bc9f5]>*{margin-bottom:10px}.fc-dynamic-filter-form .title[data-v-dc7bc9f5]{margin-bottom:5px;font-size:13px;display:flex;align-items:center;justify-content:space-between}.fc-dynamic-filter-form .fc-dynamic-filter-sort-btn[data-v-dc7bc9f5],.fc-dynamic-filter-form .fc-dynamic-filter-component[data-v-dc7bc9f5]{display:flex;justify-content:space-between}.fc-dynamic-filter-form .fc-dynamic-filter-sort-btn[data-v-dc7bc9f5]>*,.fc-dynamic-filter-form .fc-dynamic-filter-component[data-v-dc7bc9f5]>*{flex:1}.fc-dynamic-filter-form .fc-dynamic-filter-component-wrapper[data-v-dc7bc9f5]{margin:20px 0}.fc-dynamic-filter-form .fc-dynamic-filter-distinct[data-v-dc7bc9f5]{border:1px solid #e1e1e1;padding:10px;overflow:auto;max-height:300px}.fc-dynamic-filter-form .fc-dynamic-filter-distinct .fc-dynamic-filter-distinct-options[data-v-dc7bc9f5]{margin-top:10px}.fc-dynamic-filter-form .fc-dynamic-filter-distinct .fc-dynamic-filter-distinct-options[data-v-dc7bc9f5] .el-checkbox{display:block}.fc-dynamic-filter-form .fc-dynamic-filter-form-btn[data-v-dc7bc9f5]{display:flex}.fc-dynamic-filter-list[data-v-df9e04b8]{display:flex;flex-wrap:wrap;column-gap:5px}.fc-dynamic-filter-list .fc-dynamic-filter-btns:hover .fc-dynamic-filter-open-btn[data-v-df9e04b8]{text-decoration:underline}.fc-dynamic-filter-list .fc-dynamic-filter-btns:hover .fc-dynamic-filter-del-btn[data-v-df9e04b8]{visibility:visible}.fc-dynamic-filter-list .strikethrough[data-v-df9e04b8]{text-decoration:line-through!important;color:#acacac!important}.fc-dynamic-filter-list .fc-dynamic-filter-open-btn[data-v-df9e04b8]{color:gray;padding:3px 5px;border:1px solid #cacaca;border-radius:3px;font-size:13px!important}.fc-dynamic-filter-list .fc-dynamic-filter-del-btn[data-v-df9e04b8]{visibility:hidden;margin-left:5px;padding:5px 0;color:#8d4343;font-size:13px!important}.fc-dynamic-filter-list .fc-dynamic-filter-clear-btn[data-v-df9e04b8]{font-size:13px!important;margin-left:3px}.component.fc-fast-checkbox-group[data-v-df9e04b8]{margin:10px 0;max-width:420px;max-height:300px;overflow:auto}.component.fc-fast-checkbox-group[data-v-df9e04b8] .fc-checkbox-group,.component.fc-fast-checkbox-group[data-v-df9e04b8] .fc-checkbox-group .el-checkbox{display:block}.fc-dynamic-filter-footer[data-v-df9e04b8]{display:flex;justify-content:center;margin-top:10px}.fc-table-edit-form-wrapper .fc-table-edit-form-btns[data-v-22940f89]{display:flex;justify-content:right}.fc-fast-table[data-v-50fc372b]{height:100%;box-sizing:border-box;padding:10px;overflow:auto}.fc-fast-table .fc-fast-table-title[data-v-50fc372b]{font-weight:700}.fc-fast-table .fc-quick-filter-wrapper[data-v-50fc372b]{padding-bottom:10px;box-sizing:border-box;border-bottom:1px solid #dfdfdf;margin-bottom:10px}.fc-fast-table .fc-fast-table-divider[data-v-50fc372b]{margin:0 0 10px}.fc-fast-table .fc-fast-table-operation-bar[data-v-50fc372b]{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;position:relative}.fc-fast-table .fc-fast-table-operation-bar[data-v-50fc372b] .el-button--default{padding-left:10px;padding-right:10px}.fc-fast-table .fc-fast-table-operation-bar .fc-operation-filter[data-v-50fc372b]{display:flex}.fc-fast-table .fc-fast-table-operation-bar .fc-operation-filter[data-v-50fc372b]>:not(:first-child){margin-left:5px}.fc-fast-table .fc-fast-table-operation-bar .fc-operation-filter .fc-stored-btn-wrapper[data-v-50fc372b],.fc-fast-table .fc-fast-table-operation-bar .fc-fast-table-operation-more[data-v-50fc372b]{margin-left:10px}.fc-fast-table[data-v-50fc372b] .el-table__cell{padding:0}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell{padding:0 10px}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component{width:100%}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-input__inner{padding:0 4px}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-input-number__decrease,.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-input-number__increase{width:15px}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-input__prefix{display:none}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component input{text-align:left}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-upload-list--picture-card .el-upload-list__item,.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-upload--picture-card{width:auto;height:100%;aspect-ratio:1/1;line-height:100%;margin:0}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-upload-list--picture-card .el-upload-list__item .el-icon-plus,.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-upload--picture-card .el-icon-plus{font-size:18px;width:18px;height:18px;margin-top:calc(50% - 9px)}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-upload-list--text .el-upload-list__item{margin:0;line-height:1}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component .el-upload-list--text .el-upload-list__item>*{display:inline}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .fc-table-inline-edit-component.fc-valid-error{border:1px dashed #F56C6C}.fc-fast-table[data-v-50fc372b] td.fc-table-column>.cell .el-upload-list__item{transition:none!important}.fc-fast-table .fc-pagination-wrapper[data-v-50fc372b]{display:flex;margin-top:3px;justify-content:space-between}.fc-fast-table .fc-pagination-wrapper .fc-footer-wrapper[data-v-50fc372b]{display:flex;align-items:center}.fc-fast-table .fc-pagination-wrapper .fc-footer-wrapper .fc-check-tip[data-v-50fc372b]{display:flex;margin-right:10px}.fc-table-column-head-cell[data-v-f65c5a37]{display:flex;align-items:center;justify-content:center;white-space:nowrap;height:38px;line-height:38px;margin:0 10px}.fc-table-column-head-cell.filter[data-v-f65c5a37]{cursor:pointer}.sort-icon[data-v-f65c5a37]{color:#409eff}.img-list[data-v-c680920f]{display:flex;flex-wrap:wrap;padding:3px 0}img[data-v-c680920f]{object-fit:cover}.fc-fast-upload-file[data-v-046d9cc0]{display:flex;flex-direction:column;justify-content:center}.fc-dynamic-dialog .el-dialog__body{padding:15px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fast-crud-ui3",
-  "version": "1.5.17",
+  "version": "1.5.18-beta",
   "type": "module",
   "main": "lib/fast-crud-ui3.cjs.js",
   "module": "lib/fast-crud-ui3.es.js",

package/packages/components/select/src/fast-select.vue

@@ -55,7 +55,8 @@ export default {
   },
   async mounted() {
     if (this.options instanceof FastTableOption) {
-      await this.buildSelectOptions()
+      this.options.ref = this // 传递当前组件实例，以便外部操作 TODO options是否是共享实例? 也就是说table-column-select里的options也是共享此实例？如果那样的话必须在buildComponentConfig时深拷贝
+      await this.getOptions()
     }
   },
   computed: {
@@ -69,12 +70,12 @@ export default {
     }
   },
   methods: {
-    buildSelectOptions() {
+    getOptions(force = false) {
       if (!(this.options instanceof FastTableOption)) {
         return
       }
       const query = new Query().setDistinct().setCols([this.valKey, this.labelKey]);
-      this.options._buildSelectOptions(query, this.valKey, this.labelKey).then(options => {
+      this.options._buildSelectOptions(query, this.valKey, this.labelKey, force).then(options => {
         this.nativeOptions = options
       }).catch(err => {
         console.error(err)

package/packages/components/table/src/quick-filter-form.vue

@@ -56,7 +56,7 @@ export default {
       });
       return filters
     },
-    formStyle() {
+    formStyle() { // TODO 1.5.18 利用grid实现自动适应列数(quickFilterSpan=auto)，并修复部分组件(如select)被挤压
       const rowSpan = this.option.style.quickFilterSpan
       const gridGap = this.option.style.quickFilterGridGap
       const gridTemplateAreas = buildGridTemplateAreas(rowSpan, this.showFormItems)

package/packages/components/table/src/util.js

@@ -181,7 +181,7 @@ export function iterBuildComponentConfig(tableColumnVNodes, tableOption, callbac
             firstFilter: firstFilter, // deprecated: 1.6.0
             hidden: hidden,
             showLength: showLength,
-            // 对于FastTableColumn*中定义了的prop, 从leftProp中移除 TODO 1.5.16 针对FastTableColumn* props中定义的属性，而又不希望透传给内置控件的, 应当在FastTableColumn*中声明, 而不是在这里设置"黑名单"
+            // 对于FastTableColumn*中定义了的prop, 从leftProp中移除 TODO 1.5.19 针对FastTableColumn* props中定义的属性，而又不希望透传给内置控件的, 应当在FastTableColumn*中声明, 而不是在这里设置"黑名单"
             props: filterConflictKey(leftProp, columnVNode, ['quickFilterCheckbox', 'quickFilterBlock', 'tableOption', 'quickFilterConfig'])
             // props: leftProp
         }

package/packages/components/table-column-select/config.js

@@ -10,6 +10,7 @@ const defaultQueryConfig = {
         clearable: true,
         filterable: true,
         multiple: true,
+        collapseTags: true, // 默认合并
         placeholder: '请选择..'
     },
     condMapFn: (cond) => {

package/packages/model/fastTableOption.js

@@ -515,6 +515,7 @@ class FastTableOption {
      * 向内置条件组中增加条件
      * @param cond
      * @param repeatable 是否允许重复的col, 默认false, 即若多次添加相同col的条件, 只会保留最新的
+     * @return {FastTableOption} 返回当前对象
      */
     addCond(cond, repeatable = false) {
         const c = Cond.build(cond)
@@ -522,11 +523,13 @@ class FastTableOption {
             this.removeCond(c.col)
         }
         this.conds.push(c)
+        return this
     }
 
     /**
      * 从内置条件组中移除条件
-     * @param col
+     * @param col {string} 字段名
+     * @return {FastTableOption} 返回当前对象
      */
     removeCond(col) {
         for (let i = this.conds.length - 1; i >= 0; i--) {
@@ -534,6 +537,7 @@ class FastTableOption {
                 this.conds.splice(i, 1)
             }
         }
+        return this
     }
 
     /**
@@ -727,12 +731,16 @@ class FastTableOption {
      * @param query
      * @param valKey
      * @param labelKey
+     * @param forceRefresh 是否强制刷新，若true则跳过缓存
      * @return {Promise<*>}
      */
-    _buildSelectOptions(query, valKey, labelKey) {
+    _buildSelectOptions(query, valKey, labelKey, forceRefresh = false) {
         return new Promise((resolve, reject) => {
             const key = `OPTIONS:${this.id}_${valKey}_${labelKey}_` + md5(JSON.stringify(util.sortKey(query)))
-            let options = getFromSessionStorage(key)
+            let options
+            if (!forceRefresh) {
+                options = getFromSessionStorage(key)
+            }
             if (util.isArray(options)) {
                 try {
                     resolve(options)