nubomed-ui 2.0.165 → 2.0.167

package/nubomed-ui.umd.js

@@ -4227,6 +4227,548 @@ src.install = function (Vue) {
 
 /***/ }),
 
+/***/ 38:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ NBInputGroup; }
+});
+
+;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/NBInputGroup/src/index.vue?vue&type=template&id=516f7b80&scoped=true
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"nb-input-group",class:[_vm.isFocus ? 'is-focus' : '', _vm.size]},[_c('el-input',{attrs:{"size":_vm.size,"clearable":_vm.clearable,"disabled":_vm.disabled,"placeholder":_vm.placeholder},on:{"input":_vm.onInput,"focus":_vm.onInputFocus,"blur":_vm.onInputBlur},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v},expression:"inputValue"}},[_c('el-select',{attrs:{"slot":"prepend","size":_vm.size,"popper-class":("el-select-dropdown--" + _vm.size),"placeholder":_vm.t('nb.form.pleaseSelect') || _vm.selectPlaceholder,"disabled":_vm.disabled,"clearable":false},on:{"change":_vm.onSelectChange},slot:"prepend",model:{value:(_vm.selectValue),callback:function ($$v) {_vm.selectValue=$$v},expression:"selectValue"}},[_vm._t("default",_vm._l((_vm.options),function(item){return _c('el-option',{key:item[_vm.optionProps.value],attrs:{"label":item[_vm.optionProps.label],"value":item[_vm.optionProps.value]}})}))],2)],1),_c('div',{staticClass:"bottom-position"},[(_vm.list.length && _vm.visible)?_c('div',{staticClass:"nb-input-group-popover"},[_c('ul',{staticClass:"select-container"},_vm._l((_vm.list),function(item,index){return _c('li',{key:index,staticClass:"select-item",class:item.checked ? 'is-checked' : '',domProps:{"innerHTML":_vm._s(item.html)},on:{"click":function($event){$event.stopPropagation();return _vm.onChecked(item)}}})}),0)]):_vm._e()])],1)}
+var staticRenderFns = []
+
+
+// EXTERNAL MODULE: ./packages/mixins/index.js
+var mixins = __webpack_require__(869);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-80.use[1]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/NBInputGroup/src/index.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var srcvue_type_script_lang_js = ({
+  name: 'NBInputGroup',
+  mixins: [mixins/* default */.A],
+  props: {
+    // 输入框的值，使用v-model
+    value: {
+      type: [Array, Number, String],
+      default: null
+    },
+    // 下拉框的值，使用:select.sync
+    select: {
+      type: [Number, String],
+      default: null
+    },
+    // 搜索结果列表
+    list: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    },
+    // 选项数据
+    options: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    // value 选中值，label 显示值
+    props: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    // 大小：mini / small / medium / large
+    size: {
+      type: String,
+      default: 'medium'
+    },
+    // 拉框下的placeholder
+    selectPlaceholder: {
+      type: String,
+      default: ''
+    },
+    // 输入框的placeholder
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    // 是否禁用
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 是否允许清除
+    clearable: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      isFocus: false,
+      checked: null
+    };
+  },
+  computed: {
+    selectValue: {
+      get() {
+        return this.$props.select;
+      },
+      set(newValue) {
+        this.$emit('update:select', newValue);
+      }
+    },
+    inputValue: {
+      get() {
+        return this.$props.value;
+      },
+      set(newValue) {
+        this.$emit('input', newValue);
+      }
+    },
+    optionProps() {
+      return Object.assign({
+        value: 'value',
+        label: 'label'
+      }, this.props);
+    }
+  },
+  watch: {},
+  created() {},
+  mounted() {},
+  beforeDestroy() {},
+  filters: {},
+  methods: {
+    onSelectChange(value) {
+      this.$emit('change', value);
+      // 切换下拉框，清空之前输入值
+      this.$emit('input', null);
+    },
+    onInput(value) {
+      this.$emit('input', value);
+    },
+    onInputFocus() {
+      this.visible = true;
+      this.isFocus = true;
+    },
+    onInputBlur() {
+      this.isFocus = false;
+    },
+    onChecked(item) {
+      this.checked = item;
+      this.visible = false;
+      this.$emit('checked', item);
+    }
+  }
+});
+;// ./packages/components/NBInputGroup/src/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var NBInputGroup_srcvue_type_script_lang_js = (srcvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./packages/components/NBInputGroup/src/index.vue
+
+
+
+
+
+/* normalize component */
+;
+var component = (0,componentNormalizer/* default */.A)(
+  NBInputGroup_srcvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "516f7b80",
+  null
+  
+)
+
+/* harmony default export */ var src = (component.exports);
+;// ./packages/components/NBInputGroup/index.js
+/*
+ * @Author: chenghuan.dong
+ * @Date: 2024-11-12 11:27:05
+ * @LastEditTime: 2024-11-12 14:38:34
+ * @LastEditors: chenghuan.dong
+ * @Description: 
+ * @FilePath: \nubomed-ui\packages\components\NBIcon\index.js
+ */
+
+src.install = function (Vue) {
+  Vue.component(src.name, src);
+};
+/* harmony default export */ var NBInputGroup = (src);
+
+/***/ }),
+
+/***/ 8617:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ NBInputNumber; }
+});
+
+;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/NBInputNumber/src/index.vue?vue&type=template&id=ec19b46c&scoped=true
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"nb-input-number-box"},[_c('div',{staticClass:"nb-input-number",class:[_vm.size, ("color-" + _vm.type), ("" + (_vm.hasPrecision ? 'has-precision' : ''))]},[_c('span',{staticClass:"btn-minus",class:_vm.disabledMinus,on:{"click":function($event){$event.stopPropagation();return _vm.handlePlusMinus(-_vm.step, -1)}}},[_c('i',{staticClass:"el-icon-minus"})]),_c('div',{staticClass:"input"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.inputValue),expression:"inputValue"}],ref:"input",attrs:{"placeholder":_vm.placeholder,"disabled":_vm.disabled},domProps:{"value":(_vm.inputValue)},on:{"input":[function($event){if($event.target.composing){ return; }_vm.inputValue=$event.target.value},_vm.handleInput],"blur":_vm.handleBlur}})]),_c('span',{staticClass:"btn-plus",class:_vm.disabledPlus,on:{"click":function($event){$event.stopPropagation();return _vm.handlePlusMinus(_vm.step, 1)}}},[_c('i',{staticClass:"el-icon-plus"})])])])}
+var staticRenderFns = []
+
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/esnext.iterator.constructor.js
+var esnext_iterator_constructor = __webpack_require__(8992);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/esnext.iterator.for-each.js
+var esnext_iterator_for_each = __webpack_require__(3949);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-80.use[1]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/NBInputNumber/src/index.vue?vue&type=script&lang=js
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var srcvue_type_script_lang_js = ({
+  name: 'NBInputNumber',
+  // 计数器
+  // 使用v-model即可
+  model: {
+    prop: 'value',
+    event: 'update'
+  },
+  props: {
+    // placeholder
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    // 默认值
+    value: {
+      type: [String, Number, null, undefined],
+      default: ''
+    },
+    // 尺寸大小，默认小尺寸
+    size: {
+      type: String,
+      default: 'mini' // medium-大尺寸 / small-中尺寸 / mini-小尺寸
+    },
+    // 是否带小数点（输入框长度不一样）
+    hasPrecision: {
+      type: Boolean,
+      default: false
+    },
+    // 最小值
+    min: {
+      type: [Number, String]
+    },
+    // 最大值
+    max: {
+      type: [Number, String]
+    },
+    // 色值类型：'pirmary'-主题色蓝色 / 'default'-主题色黑色 / 'danger'-异常颜色红色 / 'warning'-警告橙色 / 'success'-成功绿色
+    type: {
+      type: [String, null, undefined],
+      default: 'pirmary'
+    },
+    // 计数器步长
+    step: {
+      type: [Number],
+      default: 1
+    },
+    // 是否禁用
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 严格步数 (只能输入步数的倍数)
+    stepStrictly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      checkTimer: null,
+      inputValue: this.value // 输入框的值
+    };
+  },
+  computed: {
+    // 步长精度 - 小数点后面的位数
+    fixNum() {
+      if (this.step === undefined) return 0;
+      const valueString = this.step.toString();
+      const dotPosition = valueString.indexOf('.');
+      let precision = 0;
+      if (dotPosition !== -1) {
+        precision = valueString.length - dotPosition - 1;
+      }
+      return precision;
+    },
+    disabledMinus() {
+      if (this.disabled === true) {
+        return 'disabled';
+      }
+      return (Number(this.inputValue) - this.step).toFixed(this.fixNum) < this.min ? 'disabled' : '';
+    },
+    disabledPlus() {
+      if (this.disabled === true) {
+        return 'disabled';
+      }
+      return (Number(this.inputValue) + this.step).toFixed(this.fixNum) > this.max ? 'disabled' : '';
+    }
+  },
+  mounted() {
+    this.monitorKeyboardEnter();
+    // 初始化时 校验一下最大最小值 步长精度
+    this.handleBlur();
+  },
+  beforeDestroy() {
+    clearTimeout(this.checkTimer);
+  },
+  watch: {
+    value: {
+      immediate: true,
+      handler(val) {
+        this.inputValue = val;
+        this.$emit('input', val);
+        this.$emit('update', val);
+        this.$emit('change', val);
+      }
+    }
+  },
+  methods: {
+    // 监听键盘的Enter键被按下
+    monitorKeyboardEnter() {
+      this.$nextTick(() => {
+        document.querySelectorAll('input').forEach(input => {
+          input.addEventListener('confirm', e => {
+            clearTimeout(this.checkTimer);
+            this.checkTimer = setTimeout(() => {
+              // 修复点击键盘确定时，页面数据不刷新的问题
+              this.handleBlur();
+            }, 10);
+          }, false);
+        });
+      });
+    },
+    // 输入限制
+    handleInput() {
+      let inputValue = this.inputValue;
+
+      // 只允许数字、小数点、负号
+      let filteredValue = inputValue.replace(/[^0-9.-]/g, '');
+
+      // 确保只有一个负号，并且负号在开头
+      let minusCount = (filteredValue.match(/-/g) || []).length;
+      if (minusCount > 1) {
+        filteredValue = filteredValue.replace(/-/g, '');
+        filteredValue = '-' + filteredValue.replace(/-/g, '');
+      } else if (minusCount === 1 && filteredValue.indexOf('-') !== 0) {
+        filteredValue = filteredValue.replace(/-/g, '');
+        filteredValue = '-' + filteredValue;
+      }
+
+      // 如果有多个小数点，删除最后一个
+      let decimalCount = (filteredValue.match(/\./g) || []).length;
+      if (decimalCount > 1) {
+        filteredValue = filteredValue.slice(0, -1);
+      }
+      this.inputValue = filteredValue;
+    },
+    // 失焦时判断严格步数 最大最小值
+    handleBlur() {
+      if (this.inputValue < this.min) {
+        this.inputValue = this.min;
+      }
+      if (this.inputValue > this.max) {
+        this.inputValue = this.max;
+      }
+      // 严格步数 值只能为步数的倍数
+      if (this.stepStrictly) {
+        this.inputValue = (Math.round(this.inputValue / this.step) * this.step).toFixed(this.fixNum);
+        // 四舍五入后 可能超过最大值 要减去一个步长
+        if (this.inputValue > this.max) {
+          this.inputValue = (this.inputValue - this.step).toFixed(this.fixNum);
+        }
+      } else {
+        this.inputValue = Number(this.inputValue).toFixed(this.fixNum);
+      }
+      this.$emit('update', Number(this.inputValue));
+    },
+    // 加减
+    handlePlusMinus(step, type) {
+      if (typeof Number(this.inputValue) !== 'number' || isNaN(Number(this.inputValue))) {
+        return;
+      }
+      if (this.disabledPlus && type === 1) {
+        return;
+      }
+      if (this.disabledMinus && type === -1) {
+        return;
+      }
+
+      // 通过将值转换为整数来解决JS十进制计算的精度问题
+      let precisionFactor = Math.pow(10, this.fixNum); // 10的n次幂 n为精度
+      let result = (precisionFactor * this.inputValue + precisionFactor * step) / precisionFactor; // 乘法仍然由精度问题 需要toFixed处理结果
+
+      result = Number(result.toFixed(this.fixNum));
+      this.$set(this, 'inputValue', result);
+      if (this.inputValue < this.min) {
+        this.inputValue = this.min;
+        return;
+      }
+      if (this.inputValue > this.max) {
+        this.inputValue = this.max;
+        return;
+      }
+      this.$emit('update', this.inputValue);
+    },
+    // 聚焦输入框并弹出键盘
+    getFocus() {
+      this.$nextTick(() => {
+        if (this.$refs.input) {
+          this.$refs.input.focus();
+        }
+        // // 模拟主动执行mouseup
+        // let evObj = document.createEvent('MouseEvents')
+        // evObj.initMouseEvent( 'mouseup', true, true, window, 1, 12, 345, 7, 220, false, false, true, false, 0, null )
+        // this.$refs.input.dispatchEvent(evObj)// 即触发了click事件
+
+        let e = document.createEvent('MouseEvents');
+        e.initEvent('mouseup', true, true);
+        this.$refs.input.dispatchEvent(e);
+      });
+    }
+  }
+});
+;// ./packages/components/NBInputNumber/src/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var NBInputNumber_srcvue_type_script_lang_js = (srcvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./packages/components/NBInputNumber/src/index.vue
+
+
+
+
+
+/* normalize component */
+;
+var component = (0,componentNormalizer/* default */.A)(
+  NBInputNumber_srcvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "ec19b46c",
+  null
+  
+)
+
+/* harmony default export */ var src = (component.exports);
+;// ./packages/components/NBInputNumber/index.js
+/*
+ * @Author: chenghuan.dong
+ * @Date: 2024-11-12 11:27:05
+ * @LastEditTime: 2024-11-12 14:38:34
+ * @LastEditors: chenghuan.dong
+ * @Description: 
+ * @FilePath: \nubomed-ui\packages\components\NBIcon\index.js
+ */
+
+src.install = function (Vue) {
+  Vue.component(src.name, src);
+};
+/* harmony default export */ var NBInputNumber = (src);
+
+/***/ }),
+
 /***/ 640:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -4701,7 +5243,7 @@ src.install = function (Vue) {
 
 /***/ }),
 
-/***/ 4570:
+/***/ 9885:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4877,9 +5419,9 @@ var NBAside_component = (0,componentNormalizer/* default */.A)(
 )
 
 /* harmony default export */ var NBAside = (NBAside_component.exports);
-;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/NBLayout/src/NBMain.vue?vue&type=template&id=26cf445b
-var NBMainvue_type_template_id_26cf445b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"nb-main",class:_vm.divClass,style:(_vm.style)},[_vm._t("default")],2)}
-var NBMainvue_type_template_id_26cf445b_staticRenderFns = []
+;// ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/NBLayout/src/NBMain.vue?vue&type=template&id=3a34b7bd
+var NBMainvue_type_template_id_3a34b7bd_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"nb-main",class:_vm.divClass,style:(_vm.style)},[_vm._t("default")],2)}
+var NBMainvue_type_template_id_3a34b7bd_staticRenderFns = []
 
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-80.use[1]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/components/NBLayout/src/NBMain.vue?vue&type=script&lang=js
@@ -4917,7 +5459,7 @@ var NBMainvue_type_template_id_26cf445b_staticRenderFns = []
       type: String,
       default: '',
       validator(value) {
-        return ['', 'column', 'row'].includes(value);
+        return ['', 'column', 'row', 'column-center', 'row-center'].includes(value);
       }
     },
     // 是否有NBSummaryBar，且NBSummaryBar是fixed=bottom
@@ -4967,8 +5509,8 @@ var NBMainvue_type_template_id_26cf445b_staticRenderFns = []
 ;
 var NBMain_component = (0,componentNormalizer/* default */.A)(
   src_NBMainvue_type_script_lang_js,
-  NBMainvue_type_template_id_26cf445b_render,
-  NBMainvue_type_template_id_26cf445b_staticRenderFns,
+  NBMainvue_type_template_id_3a34b7bd_render,
+  NBMainvue_type_template_id_3a34b7bd_staticRenderFns,
   false,
   null,
   null,
@@ -22160,9 +22702,11 @@ var map = {
 	"./NBGroupListItem/index.js": 8696,
 	"./NBHeader/index.js": 8140,
 	"./NBIcon/index.js": 4865,
+	"./NBInputGroup/index.js": 38,
+	"./NBInputNumber/index.js": 8617,
 	"./NBInputTime/index.js": 640,
 	"./NBKeyboard/index.js": 1645,
-	"./NBLayout/index.js": 4570,
+	"./NBLayout/index.js": 9885,
 	"./NBLoading/index.js": 9190,
 	"./NBMainHeader/index.js": 6491,
 	"./NBMenusGrid/index.js": 2171,
@@ -25132,7 +25676,7 @@ var esnext_iterator_constructor = __webpack_require__(8992);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/esnext.iterator.for-each.js
 var esnext_iterator_for_each = __webpack_require__(3949);
 ;// ./package.json
-var package_namespaceObject = {"rE":"2.0.165"};
+var package_namespaceObject = {"rE":"2.0.167"};
 ;// ./packages/utils/convert.js
 /**
  * 将大驼峰（camelCase）字符串转换为小写且带有空格分隔的形式（kebab-case）