@weitutech/by-components 1.1.214 → 1.1.216

package/lib/by-components.common.js

@@ -78756,8 +78756,8 @@ var pair_number_input_component = normalizeComponent(
 )
 
 /* harmony default export */ var pair_number_input = (pair_number_input_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/custom-date-picker.vue?vue&type=template&id=dd2e875c
-var custom_date_pickervue_type_template_id_dd2e875c_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/custom-date-picker.vue?vue&type=template&id=6ad43c6f
+var custom_date_pickervue_type_template_id_6ad43c6f_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -78790,8 +78790,18 @@ var custom_date_pickervue_type_template_id_dd2e875c_render = function render() {
         }
       }
     }, [_vm._v(" " + _vm._s(item.label) + " ")]);
-  }), 0)] : _c('el-date-picker', _vm._b({
+  }), 0)] : _c('div', {
+    ref: "panelInputWrap",
+    staticClass: "b-picker__panel-input-wrap",
+    class: {
+      'is-clearable': _vm.dateOptions.clearable !== false
+    }
+  }, [_c('el-date-picker', _vm._b({
     ref: "panelDatePicker",
+    class: {
+      'has-shortcut-tag': !!_vm.activeShortcutLabel,
+      'has-shortcut-tag--vertical': !!_vm.activeShortcutLabel && _vm.shortcutTagVertical
+    },
     attrs: {
       "value": _vm.value,
       "popper-class": _vm.panelPopperClass
@@ -78805,9 +78815,22 @@ var custom_date_pickervue_type_template_id_dd2e875c_render = function render() {
         return _vm.handlePanelOpen.apply(null, arguments);
       }
     }
-  }, 'el-date-picker', _vm.panelDateOptions, false))], 2);
+  }, 'el-date-picker', _vm.panelDateOptions, false)), _vm.activeShortcutLabel ? _c('span', {
+    staticClass: "b-picker__shortcut-tag",
+    class: {
+      'is-vertical': _vm.shortcutTagVertical
+    },
+    attrs: {
+      "title": _vm.activeShortcutLabel
+    }
+  }, [_vm.shortcutTagVertical ? _vm._l(_vm.activeShortcutChars, function (char, index) {
+    return _c('i', {
+      key: index,
+      staticClass: "b-picker__shortcut-tag-char"
+    }, [_vm._v(" " + _vm._s(char) + " ")]);
+  }) : [_vm._v(_vm._s(_vm.activeShortcutLabel))]], 2) : _vm._e()], 1)], 2);
 };
-var custom_date_pickervue_type_template_id_dd2e875c_staticRenderFns = [];
+var custom_date_pickervue_type_template_id_6ad43c6f_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/moment/moment.js
 var moment = __webpack_require__(9412);
@@ -78859,7 +78882,9 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
   data() {
     return {
       active: '',
-      panelHighlightTimer: null
+      panelHighlightTimer: null,
+      shortcutTagVertical: false,
+      shortcutTagResizeObserver: null
     };
   },
   computed: {
@@ -78927,12 +78952,21 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
     },
     panelPopperClass() {
       return `by-custom-date-picker-panel by-custom-date-picker-panel--${this._uid}`;
+    },
+    activeShortcutLabel() {
+      if (!this.active) return '';
+      const item = this.shortcuts.find(shortcut => shortcut.key === this.active);
+      return item ? item.label : '';
+    },
+    activeShortcutChars() {
+      return this.activeShortcutLabel.split('');
     }
   },
   watch: {
     active() {
       if (this.shortcutLayout === 'panel') {
         this.schedulePanelShortcutHighlight();
+        this.updateShortcutTagLayout();
       }
     },
     value: {
@@ -78942,8 +78976,14 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
       immediate: true
     }
   },
+  mounted() {
+    if (this.shortcutLayout === 'panel') {
+      this.initShortcutTagLayout();
+    }
+  },
   beforeDestroy() {
     this.clearPanelHighlightTimer();
+    this.destroyShortcutTagObserver();
   },
   methods: {
     syncActiveFromValue(newValue) {
@@ -79046,6 +79086,37 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
         el.classList.toggle('is-active', isActive);
       });
       return true;
+    },
+    initShortcutTagLayout() {
+      this.destroyShortcutTagObserver();
+      this.$nextTick(() => {
+        const wrap = this.$refs.panelInputWrap;
+        if (!wrap) return;
+        if (typeof ResizeObserver !== 'undefined') {
+          this.shortcutTagResizeObserver = new ResizeObserver(() => {
+            this.updateShortcutTagLayout();
+          });
+          this.shortcutTagResizeObserver.observe(wrap);
+        }
+        this.updateShortcutTagLayout();
+      });
+    },
+    updateShortcutTagLayout() {
+      const wrap = this.$refs.panelInputWrap;
+      if (!wrap || !this.activeShortcutLabel) {
+        this.shortcutTagVertical = false;
+        return;
+      }
+
+      // 有标签时优先纵排（更省横向空间）；阈值越小越不易触发纵排
+      const verticalThreshold = this.dateOptions.clearable !== false ? 280 : 250;
+      this.shortcutTagVertical = wrap.clientWidth < verticalThreshold;
+    },
+    destroyShortcutTagObserver() {
+      if (this.shortcutTagResizeObserver) {
+        this.shortcutTagResizeObserver.disconnect();
+        this.shortcutTagResizeObserver = null;
+      }
     }
   }
 });
@@ -79061,8 +79132,8 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
 ;
 var custom_date_picker_component = normalizeComponent(
   comps_custom_date_pickervue_type_script_lang_js,
-  custom_date_pickervue_type_template_id_dd2e875c_render,
-  custom_date_pickervue_type_template_id_dd2e875c_staticRenderFns,
+  custom_date_pickervue_type_template_id_6ad43c6f_render,
+  custom_date_pickervue_type_template_id_6ad43c6f_staticRenderFns,
   false,
   null,
   null,

package/lib/by-components.umd.js

@@ -78766,8 +78766,8 @@ var pair_number_input_component = normalizeComponent(
 )
 
 /* harmony default export */ var pair_number_input = (pair_number_input_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/custom-date-picker.vue?vue&type=template&id=dd2e875c
-var custom_date_pickervue_type_template_id_dd2e875c_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/custom-date-picker.vue?vue&type=template&id=6ad43c6f
+var custom_date_pickervue_type_template_id_6ad43c6f_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -78800,8 +78800,18 @@ var custom_date_pickervue_type_template_id_dd2e875c_render = function render() {
         }
       }
     }, [_vm._v(" " + _vm._s(item.label) + " ")]);
-  }), 0)] : _c('el-date-picker', _vm._b({
+  }), 0)] : _c('div', {
+    ref: "panelInputWrap",
+    staticClass: "b-picker__panel-input-wrap",
+    class: {
+      'is-clearable': _vm.dateOptions.clearable !== false
+    }
+  }, [_c('el-date-picker', _vm._b({
     ref: "panelDatePicker",
+    class: {
+      'has-shortcut-tag': !!_vm.activeShortcutLabel,
+      'has-shortcut-tag--vertical': !!_vm.activeShortcutLabel && _vm.shortcutTagVertical
+    },
     attrs: {
       "value": _vm.value,
       "popper-class": _vm.panelPopperClass
@@ -78815,9 +78825,22 @@ var custom_date_pickervue_type_template_id_dd2e875c_render = function render() {
         return _vm.handlePanelOpen.apply(null, arguments);
       }
     }
-  }, 'el-date-picker', _vm.panelDateOptions, false))], 2);
+  }, 'el-date-picker', _vm.panelDateOptions, false)), _vm.activeShortcutLabel ? _c('span', {
+    staticClass: "b-picker__shortcut-tag",
+    class: {
+      'is-vertical': _vm.shortcutTagVertical
+    },
+    attrs: {
+      "title": _vm.activeShortcutLabel
+    }
+  }, [_vm.shortcutTagVertical ? _vm._l(_vm.activeShortcutChars, function (char, index) {
+    return _c('i', {
+      key: index,
+      staticClass: "b-picker__shortcut-tag-char"
+    }, [_vm._v(" " + _vm._s(char) + " ")]);
+  }) : [_vm._v(_vm._s(_vm.activeShortcutLabel))]], 2) : _vm._e()], 1)], 2);
 };
-var custom_date_pickervue_type_template_id_dd2e875c_staticRenderFns = [];
+var custom_date_pickervue_type_template_id_6ad43c6f_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/moment/moment.js
 var moment = __webpack_require__(9618);
@@ -78869,7 +78892,9 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
   data() {
     return {
       active: '',
-      panelHighlightTimer: null
+      panelHighlightTimer: null,
+      shortcutTagVertical: false,
+      shortcutTagResizeObserver: null
     };
   },
   computed: {
@@ -78937,12 +78962,21 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
     },
     panelPopperClass() {
       return `by-custom-date-picker-panel by-custom-date-picker-panel--${this._uid}`;
+    },
+    activeShortcutLabel() {
+      if (!this.active) return '';
+      const item = this.shortcuts.find(shortcut => shortcut.key === this.active);
+      return item ? item.label : '';
+    },
+    activeShortcutChars() {
+      return this.activeShortcutLabel.split('');
     }
   },
   watch: {
     active() {
       if (this.shortcutLayout === 'panel') {
         this.schedulePanelShortcutHighlight();
+        this.updateShortcutTagLayout();
       }
     },
     value: {
@@ -78952,8 +78986,14 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
       immediate: true
     }
   },
+  mounted() {
+    if (this.shortcutLayout === 'panel') {
+      this.initShortcutTagLayout();
+    }
+  },
   beforeDestroy() {
     this.clearPanelHighlightTimer();
+    this.destroyShortcutTagObserver();
   },
   methods: {
     syncActiveFromValue(newValue) {
@@ -79056,6 +79096,37 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
         el.classList.toggle('is-active', isActive);
       });
       return true;
+    },
+    initShortcutTagLayout() {
+      this.destroyShortcutTagObserver();
+      this.$nextTick(() => {
+        const wrap = this.$refs.panelInputWrap;
+        if (!wrap) return;
+        if (typeof ResizeObserver !== 'undefined') {
+          this.shortcutTagResizeObserver = new ResizeObserver(() => {
+            this.updateShortcutTagLayout();
+          });
+          this.shortcutTagResizeObserver.observe(wrap);
+        }
+        this.updateShortcutTagLayout();
+      });
+    },
+    updateShortcutTagLayout() {
+      const wrap = this.$refs.panelInputWrap;
+      if (!wrap || !this.activeShortcutLabel) {
+        this.shortcutTagVertical = false;
+        return;
+      }
+
+      // 有标签时优先纵排（更省横向空间）；阈值越小越不易触发纵排
+      const verticalThreshold = this.dateOptions.clearable !== false ? 280 : 250;
+      this.shortcutTagVertical = wrap.clientWidth < verticalThreshold;
+    },
+    destroyShortcutTagObserver() {
+      if (this.shortcutTagResizeObserver) {
+        this.shortcutTagResizeObserver.disconnect();
+        this.shortcutTagResizeObserver = null;
+      }
     }
   }
 });
@@ -79071,8 +79142,8 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
 ;
 var custom_date_picker_component = normalizeComponent(
   comps_custom_date_pickervue_type_script_lang_js,
-  custom_date_pickervue_type_template_id_dd2e875c_render,
-  custom_date_pickervue_type_template_id_dd2e875c_staticRenderFns,
+  custom_date_pickervue_type_template_id_6ad43c6f_render,
+  custom_date_pickervue_type_template_id_6ad43c6f_staticRenderFns,
   false,
   null,
   null,