nubomed-ui 2.0.165 → 2.0.166

package/nubomed-ui.common.js

@@ -4217,6 +4217,232 @@ src.install = function (Vue) {
 
 /***/ }),
 
+/***/ 7609:
+/***/ (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=55816fc6&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"},[_c('el-input',{attrs:{"size":_vm.size,"clearable":_vm.clearable,"disabled":_vm.disabled,"placeholder":_vm.placeholder},on:{"input":_vm.onInput,"focus":function($event){_vm.visible = true}},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),(_vm.list.length && _vm.visible)?_c('ul',{staticClass:"nb-input-group-popover"},_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__(5289);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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,
+      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);
+    },
+    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,
+  "55816fc6",
+  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);
+
+/***/ }),
+
 /***/ 3329:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -22150,6 +22376,7 @@ var map = {
 	"./NBGroupListItem/index.js": 4934,
 	"./NBHeader/index.js": 5526,
 	"./NBIcon/index.js": 384,
+	"./NBInputGroup/index.js": 7609,
 	"./NBInputTime/index.js": 3329,
 	"./NBKeyboard/index.js": 3652,
 	"./NBLayout/index.js": 4800,
@@ -25122,7 +25349,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.166"};
 ;// ./packages/utils/convert.js
 /**
  * 将大驼峰（camelCase）字符串转换为小写且带有空格分隔的形式（kebab-case）

package/nubomed-ui.umd.js

@@ -4227,6 +4227,232 @@ src.install = function (Vue) {
 
 /***/ }),
 
+/***/ 271:
+/***/ (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=55816fc6&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"},[_c('el-input',{attrs:{"size":_vm.size,"clearable":_vm.clearable,"disabled":_vm.disabled,"placeholder":_vm.placeholder},on:{"input":_vm.onInput,"focus":function($event){_vm.visible = true}},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),(_vm.list.length && _vm.visible)?_c('ul',{staticClass:"nb-input-group-popover"},_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,
+      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);
+    },
+    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,
+  "55816fc6",
+  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);
+
+/***/ }),
+
 /***/ 640:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -22160,6 +22386,7 @@ var map = {
 	"./NBGroupListItem/index.js": 8696,
 	"./NBHeader/index.js": 8140,
 	"./NBIcon/index.js": 4865,
+	"./NBInputGroup/index.js": 271,
 	"./NBInputTime/index.js": 640,
 	"./NBKeyboard/index.js": 1645,
 	"./NBLayout/index.js": 4570,
@@ -25132,7 +25359,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.166"};
 ;// ./packages/utils/convert.js
 /**
  * 将大驼峰（camelCase）字符串转换为小写且带有空格分隔的形式（kebab-case）