hbte-saas-ui 1.0.7 → 1.0.8
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/lib/hbte-ui.common.js +117 -41
- package/lib/hbte-ui.css +1 -1
- package/lib/hbte-ui.umd.js +117 -41
- package/lib/hbte-ui.umd.min.js +4 -4
- package/package.json +1 -1
package/lib/hbte-ui.umd.js
CHANGED
|
@@ -20349,15 +20349,16 @@ defineIterator(String, 'String', function (iterated) {
|
|
|
20349
20349
|
// ESM COMPAT FLAG
|
|
20350
20350
|
__webpack_require__.r(__webpack_exports__);
|
|
20351
20351
|
|
|
20352
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"53a8456c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fragment/src/main.vue?vue&type=template&id=
|
|
20353
|
-
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"hbFragment",staticClass:"hb-fragment
|
|
20354
|
-
|
|
20355
|
-
|
|
20356
|
-
|
|
20352
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"53a8456c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fragment/src/main.vue?vue&type=template&id=61f9bc48&
|
|
20353
|
+
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"hbFragment",staticClass:"hb-fragment hb-fragment__layout"},_vm._l((_vm.detailData),function(item,index){return _c('div',{key:index,staticClass:"hb-fragment__item",class:{
|
|
20354
|
+
'full-row': item.entireLine,
|
|
20355
|
+
},style:({
|
|
20356
|
+
paddingBottom: _vm.paddingBottom,
|
|
20357
|
+
})},[_c('p',{staticClass:"hb-fragment__title"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:"hb-fragment__value"},[(item.disabled)?_c('div',{staticClass:"hb-fragment__value--disabled",class:[item.active ? 'active' : ''],attrs:{"title":item.value}},[_vm._v(" "+_vm._s(item.value || "---")+" ")]):_c('hb-editarea',{attrs:{"type":item.type,"value":item.value,"validate":item.validate,"insert":item.insert,"change":item.change,"optList":item.optList,"multiple":item.multiple,"keepEdit":item.keepEdit,"format":_vm.format,"size":"mini"},on:{"update:value":function($event){return _vm.$set(item, "value", $event)}}})],1)])}),0)}
|
|
20357
20358
|
var staticRenderFns = []
|
|
20358
20359
|
|
|
20359
20360
|
|
|
20360
|
-
// CONCATENATED MODULE: ./packages/fragment/src/main.vue?vue&type=template&id=
|
|
20361
|
+
// CONCATENATED MODULE: ./packages/fragment/src/main.vue?vue&type=template&id=61f9bc48&
|
|
20361
20362
|
|
|
20362
20363
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fragment/src/main.vue?vue&type=script&lang=js&
|
|
20363
20364
|
//
|
|
@@ -20420,29 +20421,7 @@ var staticRenderFns = []
|
|
|
20420
20421
|
default: "20px"
|
|
20421
20422
|
}
|
|
20422
20423
|
},
|
|
20423
|
-
data: function data() {
|
|
20424
|
-
return {
|
|
20425
|
-
percentWidth: "360px"
|
|
20426
|
-
};
|
|
20427
|
-
},
|
|
20428
|
-
mounted: function mounted() {
|
|
20429
|
-
window.addEventListener("resize", this.countWidth);
|
|
20430
|
-
this.countWidth();
|
|
20431
|
-
},
|
|
20432
|
-
destroyed: function destroyed() {
|
|
20433
|
-
window.removeEventListener("resize", this.countWidth);
|
|
20434
|
-
},
|
|
20435
20424
|
methods: {
|
|
20436
|
-
countWidth: function countWidth() {
|
|
20437
|
-
//单个最小宽度
|
|
20438
|
-
var minWidth = 360; //总宽度
|
|
20439
|
-
|
|
20440
|
-
var fullWidth = this.$refs.hbFragment.clientWidth; //单行最大容量数,不能为0
|
|
20441
|
-
|
|
20442
|
-
var rowNum = Math.floor(fullWidth / minWidth) || 1; //单个控件宽度
|
|
20443
|
-
|
|
20444
|
-
this.percentWidth = 1 / rowNum * 100 + "%";
|
|
20445
|
-
},
|
|
20446
20425
|
format: function format(value) {
|
|
20447
20426
|
return value || "---";
|
|
20448
20427
|
}
|
|
@@ -26326,18 +26305,14 @@ var component = Object(componentNormalizer["a" /* default */])(
|
|
|
26326
26305
|
// ESM COMPAT FLAG
|
|
26327
26306
|
__webpack_require__.r(__webpack_exports__);
|
|
26328
26307
|
|
|
26329
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"53a8456c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/float-footer/src/main.vue?vue&type=template&id=
|
|
26330
|
-
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"hb-float-footer",style:(
|
|
26308
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"53a8456c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/float-footer/src/main.vue?vue&type=template&id=52605b23&
|
|
26309
|
+
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"hb-float-footer",style:(_vm.customStyle)},[_vm._t("footer",function(){return [_c('el-button',{on:{"click":_vm.exist}},[_vm._v(_vm._s(_vm.label.exist))]),_c('el-button',{attrs:{"type":"primary","loading":_vm.loading},on:{"click":_vm.confirm}},[_vm._v(_vm._s(_vm.label.confirm))])]})],2)}
|
|
26331
26310
|
var staticRenderFns = []
|
|
26332
26311
|
|
|
26333
26312
|
|
|
26334
|
-
// CONCATENATED MODULE: ./packages/float-footer/src/main.vue?vue&type=template&id=
|
|
26335
|
-
|
|
26336
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
|
|
26337
|
-
var es_number_constructor = __webpack_require__("a9e3");
|
|
26313
|
+
// CONCATENATED MODULE: ./packages/float-footer/src/main.vue?vue&type=template&id=52605b23&
|
|
26338
26314
|
|
|
26339
26315
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/float-footer/src/main.vue?vue&type=script&lang=js&
|
|
26340
|
-
|
|
26341
26316
|
//
|
|
26342
26317
|
//
|
|
26343
26318
|
//
|
|
@@ -26372,9 +26347,9 @@ var es_number_constructor = __webpack_require__("a9e3");
|
|
|
26372
26347
|
};
|
|
26373
26348
|
}
|
|
26374
26349
|
},
|
|
26375
|
-
|
|
26376
|
-
type:
|
|
26377
|
-
default:
|
|
26350
|
+
customStyle: {
|
|
26351
|
+
type: String,
|
|
26352
|
+
default: ""
|
|
26378
26353
|
},
|
|
26379
26354
|
loading: {
|
|
26380
26355
|
type: Boolean,
|
|
@@ -27329,18 +27304,35 @@ $({ target: 'Array', proto: true, forced: ES3_STRINGS || !STRICT_METHOD }, {
|
|
|
27329
27304
|
// ESM COMPAT FLAG
|
|
27330
27305
|
__webpack_require__.r(__webpack_exports__);
|
|
27331
27306
|
|
|
27332
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"53a8456c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/adv-query/src/main.vue?vue&type=template&id=
|
|
27333
|
-
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"hb-advquery"},[_c('div',{staticClass:"hb-advquery-handles"},[_c('div',{staticClass:"hb-advquery__tools"},[_vm._t("tools")],2),_c('div',{staticClass:"hb-advquery-query-btn"},[(_vm.showAdvQuery)?_c('el-button',{staticClass:"hb-advquery-query-btn__item",attrs:{"size":"mini","icon":"hbui-gaojichaxun"},on:{"click":function($event){_vm.extend ? _vm.unextend() : _vm.extendFrom()}}},[_vm._v(" 高级查询 ")]):_vm._e(),_vm._t("cusBtn"),(_vm.showCusQuery)?_c('el-dropdown',{attrs:{"trigger":"click","size":"small"}},[(_vm.customQueryLabel.length > 10)?_c('div',{staticClass:"hb-advquery-query-btn__custom"},[_c('el-tooltip',{attrs:{"content":_vm.customQueryLabel}},[_c('span',[_vm._v(_vm._s(_vm.customQueryLabel.slice(0, 10) + "..."))])])],1):_c('div',{staticClass:"hb-advquery-query-btn__custom"},[_vm._v(" "+_vm._s(_vm.customQueryLabel)+" ")]),_c('el-dropdown-menu',{attrs:{"slot":"dropdown"},slot:"dropdown"},[_c('el-dropdown-item',[_c('span',{on:{"click":function($event){return _vm.customQuery({ label: '全部', value: 'all' })}}},[_vm._v("全部")])]),_c('el-dropdown-item',[_vm._t("dropdownSlotItem")],2),_vm._l((_vm.customQueryData),function(i,index){return _c('el-dropdown-item',{key:index,attrs:{"command":i.value}},[(i.label.length > 10)?_c('span',[_c('el-tooltip',{attrs:{"content":_vm.customQueryLabel}},[_c('span',{staticClass:"hb-advquery-query-btn__custom__dropdown-item",on:{"click":function($event){return _vm.customQuery(i)}}},[_vm._v(_vm._s(i.label.slice(0, 10) + "..."))])])],1):_c('span',{staticClass:"hb-advquery-query-btn__custom__dropdown-item",on:{"click":function($event){return _vm.customQuery(i)}}},[_vm._v(_vm._s(i.label))]),_c('i',{staticClass:"el-icon-delete hb-advquery-query-btn__custom__handle-btn",attrs:{"size":"mini"},on:{"click":function($event){return _vm.deleteCus(i)}}}),_c('i',{staticClass:"el-icon-edit hb-advquery-query-btn__custom__handle-btn",attrs:{"size":"mini"},on:{"click":function($event){return _vm.editCus(i)}}})])}),_c('span',{on:{"click":_vm.addCus}},[_c('el-dropdown-item',{attrs:{"divided":"","icon":"el-icon-plus"}},[_vm._v(" 新建筛选")])],1)],2)],1):_vm._e(),(_vm.showRefresh)?_c('el-button',{staticClass:"hb-advquery-query-btn__item",attrs:{"size":"mini","icon":"hbui-shuaxin"},on:{"click":_vm.refresh}},[_vm._v(" 刷新 ")]):_vm._e()],2)]),_c('div',{staticClass:"hb-advquery-form",class:_vm.extend ? 'hb-advquery-form-extend' : 'hb-advquery-form-unextend',attrs:{"id":"qry-form"}},[_c('el-form',{ref:"queryForm",staticClass:"hb-advquery-form__content",attrs:{"model":_vm.qryFormData,"label-position":"top","rules":_vm.rules}},[_vm._l((_vm.qryFormProps),function(i,index){return _c('el-form-item',{key:i.prop + index,staticClass:"hb-advquery-form__item",attrs:{"label":i.label,"prop":i.prop ? i.prop : ''}},[_c('hb-query-form',_vm._b({attrs:{"formProp":i,"qryFormData":_vm.qryFormData},on:{"search":_vm.advQuery}},'hb-query-form',i.bind,false),[_c('template',{attrs:{"index":index},slot:i.prop},[_vm._t(i.prop)],2)],2)],1)}),_c('div',{staticClass:"hb-advquery-search-button"},[_c('el-button',{staticClass:"hb-advquery-search-button__btn",attrs:{"size":"small","type":"primary"},on:{"click":_vm.advQuery}},[_vm._v("查询")]),_c('el-button',{staticClass:"hb-advquery-search-button__btn",attrs:{"size":"small"},on:{"click":_vm.reset}},[_vm._v("重置")]),_c('el-button',{staticClass:"el-icon-arrow-up hb-advquery-search-button__extend",attrs:{"size":"small"},on:{"click":_vm.unextend}})],1)],2)],1),_c('hb-custom-query',{ref:"dialog",attrs:{"qryFormProps":_vm.qryFormProps,"qryFormData":_vm.qryFormData},on:{"customQuerySave":_vm.customQuerySave}})],1)}
|
|
27307
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"53a8456c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/adv-query/src/main.vue?vue&type=template&id=4cdc8dae&
|
|
27308
|
+
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"hb-advquery"},[_c('div',{staticClass:"hb-advquery-handles"},[_c('div',{staticClass:"hb-advquery__tools"},[_vm._t("tools")],2),_c('div',{staticClass:"hb-advquery-query-btn"},[(_vm.showAdvQuery)?_c('el-button',{staticClass:"hb-advquery-query-btn__item",attrs:{"size":"mini","icon":"hbui-gaojichaxun"},on:{"click":function($event){_vm.extend ? _vm.unextend() : _vm.extendFrom()}}},[_vm._v(" 高级查询 ")]):_vm._e(),_vm._t("cusBtn"),(_vm.showCusQuery)?_c('el-dropdown',{attrs:{"trigger":"click","size":"small"}},[(_vm.customQueryLabel.length > 10)?_c('div',{staticClass:"hb-advquery-query-btn__custom"},[_c('el-tooltip',{attrs:{"content":_vm.customQueryLabel}},[_c('span',[_vm._v(_vm._s(_vm.customQueryLabel.slice(0, 10) + "..."))])])],1):_c('div',{staticClass:"hb-advquery-query-btn__custom"},[_vm._v(" "+_vm._s(_vm.customQueryLabel)+" ")]),_c('el-dropdown-menu',{attrs:{"slot":"dropdown"},slot:"dropdown"},[_c('el-dropdown-item',[_c('span',{on:{"click":function($event){return _vm.customQuery({ label: '全部', value: 'all' })}}},[_vm._v("全部")])]),_c('el-dropdown-item',[_vm._t("dropdownSlotItem")],2),_vm._l((_vm.customQueryData),function(i,index){return _c('el-dropdown-item',{key:index,attrs:{"command":i.value}},[(i.label.length > 10)?_c('span',[_c('el-tooltip',{attrs:{"content":_vm.customQueryLabel}},[_c('span',{staticClass:"hb-advquery-query-btn__custom__dropdown-item",on:{"click":function($event){return _vm.customQuery(i)}}},[_vm._v(_vm._s(i.label.slice(0, 10) + "..."))])])],1):_c('span',{staticClass:"hb-advquery-query-btn__custom__dropdown-item",on:{"click":function($event){return _vm.customQuery(i)}}},[_vm._v(_vm._s(i.label))]),_c('i',{staticClass:"el-icon-delete hb-advquery-query-btn__custom__handle-btn",attrs:{"size":"mini"},on:{"click":function($event){return _vm.deleteCus(i)}}}),_c('i',{staticClass:"el-icon-edit hb-advquery-query-btn__custom__handle-btn",attrs:{"size":"mini"},on:{"click":function($event){return _vm.editCus(i)}}})])}),_c('span',{on:{"click":_vm.addCus}},[_c('el-dropdown-item',{attrs:{"divided":"","icon":"el-icon-plus"}},[_vm._v(" 新建筛选")])],1)],2)],1):_vm._e(),(_vm.showRefresh)?_c('el-button',{staticClass:"hb-advquery-query-btn__item",attrs:{"size":"mini","icon":"hbui-shuaxin"},on:{"click":_vm.refresh}},[_vm._v(" 刷新 ")]):_vm._e()],2)]),_c('div',{staticClass:"hb-advquery-form",class:_vm.extend ? 'hb-advquery-form-extend' : 'hb-advquery-form-unextend',attrs:{"id":"qry-form"}},[_c('el-form',{directives:[{name:"layout-flex",rawName:"v-layout-flex.end",value:({ gutter: 50 }),expression:"{ gutter: 50 }",modifiers:{"end":true}}],ref:"queryForm",staticClass:"hb-advquery-form__content",attrs:{"model":_vm.qryFormData,"label-position":"top","rules":_vm.rules}},[_vm._l((_vm.qryFormProps),function(i,index){return _c('el-form-item',{key:i.prop + index,staticClass:"hb-advquery-form__item",attrs:{"label":i.label,"prop":i.prop ? i.prop : ''}},[_c('hb-query-form',_vm._b({attrs:{"formProp":i,"qryFormData":_vm.qryFormData},on:{"search":_vm.advQuery}},'hb-query-form',i.bind,false),[_c('template',{attrs:{"index":index},slot:i.prop},[_vm._t(i.prop)],2)],2)],1)}),_c('div',{staticClass:"hb-advquery-search-button"},[_c('el-button',{staticClass:"hb-advquery-search-button__btn",attrs:{"size":"small","type":"primary"},on:{"click":_vm.advQuery}},[_vm._v("查询")]),_c('el-button',{staticClass:"hb-advquery-search-button__btn",attrs:{"size":"small"},on:{"click":_vm.reset}},[_vm._v("重置")]),_c('el-button',{staticClass:"el-icon-arrow-up hb-advquery-search-button__extend",attrs:{"size":"small"},on:{"click":_vm.unextend}})],1)],2)],1),_c('hb-custom-query',{ref:"dialog",attrs:{"qryFormProps":_vm.qryFormProps,"qryFormData":_vm.qryFormData},on:{"customQuerySave":_vm.customQuerySave}})],1)}
|
|
27334
27309
|
var staticRenderFns = []
|
|
27335
27310
|
|
|
27336
27311
|
|
|
27337
|
-
// CONCATENATED MODULE: ./packages/adv-query/src/main.vue?vue&type=template&id=
|
|
27312
|
+
// CONCATENATED MODULE: ./packages/adv-query/src/main.vue?vue&type=template&id=4cdc8dae&
|
|
27338
27313
|
|
|
27339
27314
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.json.stringify.js
|
|
27340
27315
|
var es_json_stringify = __webpack_require__("e9c4");
|
|
27341
27316
|
|
|
27317
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
|
|
27318
|
+
var es_object_to_string = __webpack_require__("d3b7");
|
|
27319
|
+
|
|
27320
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.for-each.js
|
|
27321
|
+
var web_dom_collections_for_each = __webpack_require__("159b");
|
|
27322
|
+
|
|
27323
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.from.js
|
|
27324
|
+
var es_array_from = __webpack_require__("a630");
|
|
27325
|
+
|
|
27326
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.iterator.js
|
|
27327
|
+
var es_string_iterator = __webpack_require__("3ca3");
|
|
27328
|
+
|
|
27342
27329
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/adv-query/src/main.vue?vue&type=script&lang=js&
|
|
27343
27330
|
|
|
27331
|
+
|
|
27332
|
+
|
|
27333
|
+
|
|
27334
|
+
|
|
27335
|
+
//
|
|
27344
27336
|
//
|
|
27345
27337
|
//
|
|
27346
27338
|
//
|
|
@@ -27674,6 +27666,90 @@ var es_json_stringify = __webpack_require__("e9c4");
|
|
|
27674
27666
|
//收起
|
|
27675
27667
|
this.extend = false;
|
|
27676
27668
|
}
|
|
27669
|
+
},
|
|
27670
|
+
directives: {
|
|
27671
|
+
"layout-flex": {
|
|
27672
|
+
bind: function bind(el, binding) {
|
|
27673
|
+
//初始化父元素样式
|
|
27674
|
+
el.style.display = "flex";
|
|
27675
|
+
el.style.justifyContent = "flex-start";
|
|
27676
|
+
el.style.flexWrap = "wrap"; //生成并插入工具节点
|
|
27677
|
+
|
|
27678
|
+
el.HB_LAYOUT_TOOLNODE = document.createElement("div");
|
|
27679
|
+
|
|
27680
|
+
if (binding.modifiers.end) {
|
|
27681
|
+
el.insertBefore(el.HB_LAYOUT_TOOLNODE, el.children[el.children.length - 1]);
|
|
27682
|
+
} //计算子节点和工具节点的宽度
|
|
27683
|
+
|
|
27684
|
+
|
|
27685
|
+
el.HB_LAYOUT_HANDLER = function (el, binding) {
|
|
27686
|
+
var _binding$value, _binding$value2, _binding$value3, _binding$value4, _binding$value5;
|
|
27687
|
+
|
|
27688
|
+
//计算子元素的宽度和插入工具节点的个数
|
|
27689
|
+
var clientWidth = el.clientWidth - 1; //总宽度
|
|
27690
|
+
|
|
27691
|
+
console.log("clientWidth", clientWidth);
|
|
27692
|
+
var minWidth = ((_binding$value = binding.value) === null || _binding$value === void 0 ? void 0 : _binding$value.minWidth) || 280; //子元素最小宽度
|
|
27693
|
+
|
|
27694
|
+
var gutter = ((_binding$value2 = binding.value) === null || _binding$value2 === void 0 ? void 0 : _binding$value2.gutter) || 20; //子元素之间的间距
|
|
27695
|
+
|
|
27696
|
+
var num = Math.floor((clientWidth + gutter) / (minWidth + gutter)) || 1; //列数
|
|
27697
|
+
|
|
27698
|
+
var nodeNum = ((_binding$value3 = binding.value) === null || _binding$value3 === void 0 ? void 0 : _binding$value3.nodeNum) || el.children.length;
|
|
27699
|
+
|
|
27700
|
+
if (num > nodeNum && !binding.modifiers.end) {
|
|
27701
|
+
//非end模式下列数大于子元素个数时,不再设置工具节点的宽度
|
|
27702
|
+
num = nodeNum;
|
|
27703
|
+
}
|
|
27704
|
+
|
|
27705
|
+
var width = Math.floor((clientWidth - (num - 1) * gutter) / num); //子元素最终宽度
|
|
27706
|
+
//非end模式下支持maxWidth,end模式不会无限拉宽的,过多的宽度会给到工具节点
|
|
27707
|
+
|
|
27708
|
+
if (!binding.modifiers.end && (_binding$value4 = binding.value) !== null && _binding$value4 !== void 0 && _binding$value4.maxWidth && ((_binding$value5 = binding.value) === null || _binding$value5 === void 0 ? void 0 : _binding$value5.maxWidth) < width) {
|
|
27709
|
+
width = binding.value.maxWidth;
|
|
27710
|
+
}
|
|
27711
|
+
|
|
27712
|
+
var colspan = num - (el.children.length - 1) % num; //工具节点所占列数
|
|
27713
|
+
|
|
27714
|
+
colspan === num ? colspan = 0 : null; //设置子节点宽度和右边距
|
|
27715
|
+
|
|
27716
|
+
Array.from(el.children).forEach(function (item, index, arr) {
|
|
27717
|
+
item.style.width = width + "px";
|
|
27718
|
+
|
|
27719
|
+
if ((index + 1) % num && index !== arr.length - 1) {
|
|
27720
|
+
item.style.marginRight = gutter + "px";
|
|
27721
|
+
} else {
|
|
27722
|
+
item.style.marginRight = "0px";
|
|
27723
|
+
} //独占一行的子元素
|
|
27724
|
+
|
|
27725
|
+
|
|
27726
|
+
if (binding.value.nodeNum) {
|
|
27727
|
+
if (index >= binding.value.nodeNum) {
|
|
27728
|
+
item.style.marginRight = "0px";
|
|
27729
|
+
item.style.width = "100%";
|
|
27730
|
+
}
|
|
27731
|
+
}
|
|
27732
|
+
}); //end模式下设置工具节点宽度
|
|
27733
|
+
|
|
27734
|
+
if (colspan && binding.modifiers.end) {
|
|
27735
|
+
el.HB_LAYOUT_TOOLNODE.style.display = "block";
|
|
27736
|
+
el.HB_LAYOUT_TOOLNODE.style.width = colspan * width + (colspan - 1) * gutter + "px";
|
|
27737
|
+
} else {
|
|
27738
|
+
el.HB_LAYOUT_TOOLNODE.style.display = "none";
|
|
27739
|
+
}
|
|
27740
|
+
}.bind(null, el, binding);
|
|
27741
|
+
},
|
|
27742
|
+
inserted: function inserted(el) {
|
|
27743
|
+
el.HB_LAYOUT_HANDLER();
|
|
27744
|
+
window.addEventListener("resize", el.HB_LAYOUT_HANDLER);
|
|
27745
|
+
},
|
|
27746
|
+
componentUpdated: function componentUpdated(el) {
|
|
27747
|
+
el.HB_LAYOUT_HANDLER();
|
|
27748
|
+
},
|
|
27749
|
+
unbind: function unbind(el) {
|
|
27750
|
+
window.removeEventListener("resize", el.HB_LAYOUT_HANDLER);
|
|
27751
|
+
}
|
|
27752
|
+
}
|
|
27677
27753
|
}
|
|
27678
27754
|
});
|
|
27679
27755
|
// CONCATENATED MODULE: ./packages/adv-query/src/main.vue?vue&type=script&lang=js&
|