gyyg-components 0.4.3 → 0.4.4

package/lib/gyyg-components.common.js

@@ -359,7 +359,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__);\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"MecSelect\",\n  props: {\n    value: {\n      default: null,\n      required: true\n    },\n    options: {\n      required: true\n    },\n    multiple: {\n      default: false\n    },\n    props: {\n      default() {\n        return {\n          label: \"name\",\n          value: \"id\"\n        };\n      }\n    },\n    placeholder: {\n      type: String,\n      default: \"请选择\"\n    },\n    clearable: {\n      type: Boolean\n    },\n    disabled: {\n      type: Boolean,\n      defalut: false\n    },\n    size: String,\n    filterable: {\n      type: Boolean,\n      defalut: false\n    },\n    isSelectFirst: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data() {\n    return {\n      selected: \"\",\n      option: []\n    };\n  },\n  watch: {\n    value: {\n      handler(val) {\n        this.selected = val;\n      },\n      immediate: true\n    },\n    options: {\n      handler: function () {\n        if (!Array.isArray(this.options) && this.options) {\n          if (this.options instanceof Promise) {\n            this.options.then(val => {\n              this.option = val.data || val;\n              if (this.isSelectFirst) {\n                if (this.option.length > 0) {\n                  this.handleChange(this.option[0][this.props.value]);\n                }\n              }\n            });\n          }\n          if (typeof this.options == \"function\") {\n            this.options().then(val => {\n              this.option = val.data || val;\n              if (this.isSelectFirst) {\n                if (this.option.length > 0) {\n                  this.handleChange(this.option[0][this.props.value]);\n                }\n              }\n            });\n          }\n        } else {\n          this.option = this.options;\n          if (this.isSelectFirst) {\n            if (this.option.length > 0) {\n              this.handleChange(this.option[0][this.props.value]);\n            }\n          }\n        }\n      },\n      deep: true,\n      immediate: true\n    }\n  },\n  methods: {\n    handleChange(val) {\n      console.log(val);\n      if (this.multiple) {\n        this.selected = val;\n        let info = this.option.filter(item => val.includes(item[this.props.value]));\n        this.$emit(\"change\", val, info);\n      } else {\n        this.selected = val;\n        let info = this.option.filter(item => item[this.props.value] == val);\n        this.$emit(\"change\", val, info.length > 0 ? info[0] : {});\n      }\n      this.$emit(\"input\", this.selected);\n      this.$emit(\"update:value\", val);\n    },\n    clear() {\n      this.selected = \"\";\n      this.$emit(\"clear\");\n    }\n  }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSelect/MecSelect.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__);\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"MecSelect\",\n  props: {\n    value: {\n      default: null,\n      required: true\n    },\n    options: {\n      required: true\n    },\n    multiple: {\n      type: Boolean,\n      default: false\n    },\n    props: {\n      type: Object,\n      default() {\n        return {\n          label: \"name\",\n          value: \"id\"\n        };\n      }\n    },\n    placeholder: {\n      type: String,\n      default: \"请选择\"\n    },\n    clearable: {\n      type: Boolean,\n      default: true\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    size: {\n      type: String,\n      default: undefined\n    },\n    filterable: {\n      type: Boolean,\n      default: false\n    },\n    isSelectFirst: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data() {\n    return {\n      selected: null,\n      optionList: [],\n      hasAutoSelected: false\n    };\n  },\n  computed: {\n    optionMap() {\n      const map = new Map();\n      this.optionList.forEach(item => {\n        map.set(item[this.props.value], item);\n      });\n      return map;\n    }\n  },\n  watch: {\n    value: {\n      handler(val) {\n        this.selected = val;\n      },\n      immediate: true\n    },\n    options: {\n      handler: function (newOptions) {\n        this.processOptions(newOptions);\n      },\n      deep: true,\n      immediate: true\n    }\n  },\n  methods: {\n    async processOptions(options) {\n      try {\n        let result = options;\n        if (options instanceof Promise) {\n          result = await options;\n        } else if (typeof options === \"function\") {\n          result = await options();\n        }\n        this.optionList = Array.isArray(result) ? result : result.data || [];\n        if (this.isSelectFirst && !this.hasAutoSelected && !this.value && this.optionList.length > 0) {\n          this.hasAutoSelected = true;\n          this.handleChange(this.optionList[0][this.props.value]);\n        }\n      } catch (error) {\n        console.error(\"Failed to process options:\", error);\n        this.optionList = [];\n      }\n    },\n    getItemKey(item) {\n      return item[this.props.value];\n    },\n    getOptionInfo(value) {\n      if (this.multiple && Array.isArray(value)) {\n        return value.map(val => this.optionMap.get(val)).filter(Boolean);\n      }\n      return this.optionMap.get(value) || {};\n    },\n    handleChange(val) {\n      this.selected = val;\n      const info = this.getOptionInfo(val);\n      this.$emit(\"change\", val, info);\n      this.$emit(\"input\", val);\n      this.$emit(\"update:value\", val);\n    },\n    handleClear() {\n      this.selected = this.multiple ? [] : null;\n      this.$emit(\"clear\");\n      this.$emit(\"input\", this.selected);\n      this.$emit(\"update:value\", this.selected);\n    }\n  }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSelect/MecSelect.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -683,7 +683,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"el-select\", _vm._b({\n    staticStyle: {\n      width: \"100%\"\n    },\n    attrs: {\n      placeholder: _vm.placeholder,\n      multiple: _vm.multiple || false,\n      clearable: _vm.clearable,\n      disabled: _vm.disabled,\n      size: _vm.size,\n      filterable: _vm.filterable,\n      value: _vm.selected\n    },\n    on: {\n      clear: _vm.clear,\n      change: _vm.handleChange\n    },\n    model: {\n      value: _vm.selected,\n      callback: function ($$v) {\n        _vm.selected = $$v;\n      },\n      expression: \"selected\"\n    }\n  }, \"el-select\", _vm.$attrs, false), _vm._l(_vm.option, function (item) {\n    return _c(\"el-option\", {\n      key: item[_vm.props.value],\n      attrs: {\n        label: item[_vm.props.label],\n        value: item[_vm.props.value],\n        disabled: item.disabled\n      }\n    });\n  }), 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSelect/MecSelect.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225bc9ad8c-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"el-select\", _vm._b({\n    staticStyle: {\n      width: \"100%\"\n    },\n    attrs: {\n      placeholder: _vm.placeholder,\n      multiple: _vm.multiple,\n      clearable: _vm.clearable,\n      disabled: _vm.disabled,\n      size: _vm.size,\n      filterable: _vm.filterable\n    },\n    on: {\n      clear: _vm.handleClear,\n      change: _vm.handleChange\n    },\n    model: {\n      value: _vm.selected,\n      callback: function ($$v) {\n        _vm.selected = $$v;\n      },\n      expression: \"selected\"\n    }\n  }, \"el-select\", _vm.$attrs, false), _vm._l(_vm.optionList, function (item) {\n    return _c(\"el-option\", {\n      key: _vm.getItemKey(item),\n      attrs: {\n        label: item[_vm.props.label],\n        value: item[_vm.props.value],\n        disabled: item.disabled\n      }\n    });\n  }), 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSelect/MecSelect.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225bc9ad8c-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/lib/gyyg-components.umd.js

@@ -368,7 +368,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__);\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"MecSelect\",\n  props: {\n    value: {\n      default: null,\n      required: true\n    },\n    options: {\n      required: true\n    },\n    multiple: {\n      default: false\n    },\n    props: {\n      default() {\n        return {\n          label: \"name\",\n          value: \"id\"\n        };\n      }\n    },\n    placeholder: {\n      type: String,\n      default: \"请选择\"\n    },\n    clearable: {\n      type: Boolean\n    },\n    disabled: {\n      type: Boolean,\n      defalut: false\n    },\n    size: String,\n    filterable: {\n      type: Boolean,\n      defalut: false\n    },\n    isSelectFirst: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data() {\n    return {\n      selected: \"\",\n      option: []\n    };\n  },\n  watch: {\n    value: {\n      handler(val) {\n        this.selected = val;\n      },\n      immediate: true\n    },\n    options: {\n      handler: function () {\n        if (!Array.isArray(this.options) && this.options) {\n          if (this.options instanceof Promise) {\n            this.options.then(val => {\n              this.option = val.data || val;\n              if (this.isSelectFirst) {\n                if (this.option.length > 0) {\n                  this.handleChange(this.option[0][this.props.value]);\n                }\n              }\n            });\n          }\n          if (typeof this.options == \"function\") {\n            this.options().then(val => {\n              this.option = val.data || val;\n              if (this.isSelectFirst) {\n                if (this.option.length > 0) {\n                  this.handleChange(this.option[0][this.props.value]);\n                }\n              }\n            });\n          }\n        } else {\n          this.option = this.options;\n          if (this.isSelectFirst) {\n            if (this.option.length > 0) {\n              this.handleChange(this.option[0][this.props.value]);\n            }\n          }\n        }\n      },\n      deep: true,\n      immediate: true\n    }\n  },\n  methods: {\n    handleChange(val) {\n      console.log(val);\n      if (this.multiple) {\n        this.selected = val;\n        let info = this.option.filter(item => val.includes(item[this.props.value]));\n        this.$emit(\"change\", val, info);\n      } else {\n        this.selected = val;\n        let info = this.option.filter(item => item[this.props.value] == val);\n        this.$emit(\"change\", val, info.length > 0 ? info[0] : {});\n      }\n      this.$emit(\"input\", this.selected);\n      this.$emit(\"update:value\", val);\n    },\n    clear() {\n      this.selected = \"\";\n      this.$emit(\"clear\");\n    }\n  }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSelect/MecSelect.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__);\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"MecSelect\",\n  props: {\n    value: {\n      default: null,\n      required: true\n    },\n    options: {\n      required: true\n    },\n    multiple: {\n      type: Boolean,\n      default: false\n    },\n    props: {\n      type: Object,\n      default() {\n        return {\n          label: \"name\",\n          value: \"id\"\n        };\n      }\n    },\n    placeholder: {\n      type: String,\n      default: \"请选择\"\n    },\n    clearable: {\n      type: Boolean,\n      default: true\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    size: {\n      type: String,\n      default: undefined\n    },\n    filterable: {\n      type: Boolean,\n      default: false\n    },\n    isSelectFirst: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data() {\n    return {\n      selected: null,\n      optionList: [],\n      hasAutoSelected: false\n    };\n  },\n  computed: {\n    optionMap() {\n      const map = new Map();\n      this.optionList.forEach(item => {\n        map.set(item[this.props.value], item);\n      });\n      return map;\n    }\n  },\n  watch: {\n    value: {\n      handler(val) {\n        this.selected = val;\n      },\n      immediate: true\n    },\n    options: {\n      handler: function (newOptions) {\n        this.processOptions(newOptions);\n      },\n      deep: true,\n      immediate: true\n    }\n  },\n  methods: {\n    async processOptions(options) {\n      try {\n        let result = options;\n        if (options instanceof Promise) {\n          result = await options;\n        } else if (typeof options === \"function\") {\n          result = await options();\n        }\n        this.optionList = Array.isArray(result) ? result : result.data || [];\n        if (this.isSelectFirst && !this.hasAutoSelected && !this.value && this.optionList.length > 0) {\n          this.hasAutoSelected = true;\n          this.handleChange(this.optionList[0][this.props.value]);\n        }\n      } catch (error) {\n        console.error(\"Failed to process options:\", error);\n        this.optionList = [];\n      }\n    },\n    getItemKey(item) {\n      return item[this.props.value];\n    },\n    getOptionInfo(value) {\n      if (this.multiple && Array.isArray(value)) {\n        return value.map(val => this.optionMap.get(val)).filter(Boolean);\n      }\n      return this.optionMap.get(value) || {};\n    },\n    handleChange(val) {\n      this.selected = val;\n      const info = this.getOptionInfo(val);\n      this.$emit(\"change\", val, info);\n      this.$emit(\"input\", val);\n      this.$emit(\"update:value\", val);\n    },\n    handleClear() {\n      this.selected = this.multiple ? [] : null;\n      this.$emit(\"clear\");\n      this.$emit(\"input\", this.selected);\n      this.$emit(\"update:value\", this.selected);\n    }\n  }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSelect/MecSelect.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -692,7 +692,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"el-select\", _vm._b({\n    staticStyle: {\n      width: \"100%\"\n    },\n    attrs: {\n      placeholder: _vm.placeholder,\n      multiple: _vm.multiple || false,\n      clearable: _vm.clearable,\n      disabled: _vm.disabled,\n      size: _vm.size,\n      filterable: _vm.filterable,\n      value: _vm.selected\n    },\n    on: {\n      clear: _vm.clear,\n      change: _vm.handleChange\n    },\n    model: {\n      value: _vm.selected,\n      callback: function ($$v) {\n        _vm.selected = $$v;\n      },\n      expression: \"selected\"\n    }\n  }, \"el-select\", _vm.$attrs, false), _vm._l(_vm.option, function (item) {\n    return _c(\"el-option\", {\n      key: item[_vm.props.value],\n      attrs: {\n        label: item[_vm.props.label],\n        value: item[_vm.props.value],\n        disabled: item.disabled\n      }\n    });\n  }), 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSelect/MecSelect.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225bc9ad8c-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"el-select\", _vm._b({\n    staticStyle: {\n      width: \"100%\"\n    },\n    attrs: {\n      placeholder: _vm.placeholder,\n      multiple: _vm.multiple,\n      clearable: _vm.clearable,\n      disabled: _vm.disabled,\n      size: _vm.size,\n      filterable: _vm.filterable\n    },\n    on: {\n      clear: _vm.handleClear,\n      change: _vm.handleChange\n    },\n    model: {\n      value: _vm.selected,\n      callback: function ($$v) {\n        _vm.selected = $$v;\n      },\n      expression: \"selected\"\n    }\n  }, \"el-select\", _vm.$attrs, false), _vm._l(_vm.optionList, function (item) {\n    return _c(\"el-option\", {\n      key: _vm.getItemKey(item),\n      attrs: {\n        label: item[_vm.props.label],\n        value: item[_vm.props.value],\n        disabled: item.disabled\n      }\n    });\n  }), 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSelect/MecSelect.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225bc9ad8c-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/lib/gyyg-components.umd.min.js

@@ -368,7 +368,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__);\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"MecSelect\",\n  props: {\n    value: {\n      default: null,\n      required: true\n    },\n    options: {\n      required: true\n    },\n    multiple: {\n      default: false\n    },\n    props: {\n      default() {\n        return {\n          label: \"name\",\n          value: \"id\"\n        };\n      }\n    },\n    placeholder: {\n      type: String,\n      default: \"请选择\"\n    },\n    clearable: {\n      type: Boolean\n    },\n    disabled: {\n      type: Boolean,\n      defalut: false\n    },\n    size: String,\n    filterable: {\n      type: Boolean,\n      defalut: false\n    },\n    isSelectFirst: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data() {\n    return {\n      selected: \"\",\n      option: []\n    };\n  },\n  watch: {\n    value: {\n      handler(val) {\n        this.selected = val;\n      },\n      immediate: true\n    },\n    options: {\n      handler: function () {\n        if (!Array.isArray(this.options) && this.options) {\n          if (this.options instanceof Promise) {\n            this.options.then(val => {\n              this.option = val.data || val;\n              if (this.isSelectFirst) {\n                if (this.option.length > 0) {\n                  this.handleChange(this.option[0][this.props.value]);\n                }\n              }\n            });\n          }\n          if (typeof this.options == \"function\") {\n            this.options().then(val => {\n              this.option = val.data || val;\n              if (this.isSelectFirst) {\n                if (this.option.length > 0) {\n                  this.handleChange(this.option[0][this.props.value]);\n                }\n              }\n            });\n          }\n        } else {\n          this.option = this.options;\n          if (this.isSelectFirst) {\n            if (this.option.length > 0) {\n              this.handleChange(this.option[0][this.props.value]);\n            }\n          }\n        }\n      },\n      deep: true,\n      immediate: true\n    }\n  },\n  methods: {\n    handleChange(val) {\n      console.log(val);\n      if (this.multiple) {\n        this.selected = val;\n        let info = this.option.filter(item => val.includes(item[this.props.value]));\n        this.$emit(\"change\", val, info);\n      } else {\n        this.selected = val;\n        let info = this.option.filter(item => item[this.props.value] == val);\n        this.$emit(\"change\", val, info.length > 0 ? info[0] : {});\n      }\n      this.$emit(\"input\", this.selected);\n      this.$emit(\"update:value\", val);\n    },\n    clear() {\n      this.selected = \"\";\n      this.$emit(\"clear\");\n    }\n  }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSelect/MecSelect.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__);\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"MecSelect\",\n  props: {\n    value: {\n      default: null,\n      required: true\n    },\n    options: {\n      required: true\n    },\n    multiple: {\n      type: Boolean,\n      default: false\n    },\n    props: {\n      type: Object,\n      default() {\n        return {\n          label: \"name\",\n          value: \"id\"\n        };\n      }\n    },\n    placeholder: {\n      type: String,\n      default: \"请选择\"\n    },\n    clearable: {\n      type: Boolean,\n      default: true\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    size: {\n      type: String,\n      default: undefined\n    },\n    filterable: {\n      type: Boolean,\n      default: false\n    },\n    isSelectFirst: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data() {\n    return {\n      selected: null,\n      optionList: [],\n      hasAutoSelected: false\n    };\n  },\n  computed: {\n    optionMap() {\n      const map = new Map();\n      this.optionList.forEach(item => {\n        map.set(item[this.props.value], item);\n      });\n      return map;\n    }\n  },\n  watch: {\n    value: {\n      handler(val) {\n        this.selected = val;\n      },\n      immediate: true\n    },\n    options: {\n      handler: function (newOptions) {\n        this.processOptions(newOptions);\n      },\n      deep: true,\n      immediate: true\n    }\n  },\n  methods: {\n    async processOptions(options) {\n      try {\n        let result = options;\n        if (options instanceof Promise) {\n          result = await options;\n        } else if (typeof options === \"function\") {\n          result = await options();\n        }\n        this.optionList = Array.isArray(result) ? result : result.data || [];\n        if (this.isSelectFirst && !this.hasAutoSelected && !this.value && this.optionList.length > 0) {\n          this.hasAutoSelected = true;\n          this.handleChange(this.optionList[0][this.props.value]);\n        }\n      } catch (error) {\n        console.error(\"Failed to process options:\", error);\n        this.optionList = [];\n      }\n    },\n    getItemKey(item) {\n      return item[this.props.value];\n    },\n    getOptionInfo(value) {\n      if (this.multiple && Array.isArray(value)) {\n        return value.map(val => this.optionMap.get(val)).filter(Boolean);\n      }\n      return this.optionMap.get(value) || {};\n    },\n    handleChange(val) {\n      this.selected = val;\n      const info = this.getOptionInfo(val);\n      this.$emit(\"change\", val, info);\n      this.$emit(\"input\", val);\n      this.$emit(\"update:value\", val);\n    },\n    handleClear() {\n      this.selected = this.multiple ? [] : null;\n      this.$emit(\"clear\");\n      this.$emit(\"input\", this.selected);\n      this.$emit(\"update:value\", this.selected);\n    }\n  }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSelect/MecSelect.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -692,7 +692,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"el-select\", _vm._b({\n    staticStyle: {\n      width: \"100%\"\n    },\n    attrs: {\n      placeholder: _vm.placeholder,\n      multiple: _vm.multiple || false,\n      clearable: _vm.clearable,\n      disabled: _vm.disabled,\n      size: _vm.size,\n      filterable: _vm.filterable,\n      value: _vm.selected\n    },\n    on: {\n      clear: _vm.clear,\n      change: _vm.handleChange\n    },\n    model: {\n      value: _vm.selected,\n      callback: function ($$v) {\n        _vm.selected = $$v;\n      },\n      expression: \"selected\"\n    }\n  }, \"el-select\", _vm.$attrs, false), _vm._l(_vm.option, function (item) {\n    return _c(\"el-option\", {\n      key: item[_vm.props.value],\n      attrs: {\n        label: item[_vm.props.label],\n        value: item[_vm.props.value],\n        disabled: item.disabled\n      }\n    });\n  }), 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSelect/MecSelect.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225bc9ad8c-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"el-select\", _vm._b({\n    staticStyle: {\n      width: \"100%\"\n    },\n    attrs: {\n      placeholder: _vm.placeholder,\n      multiple: _vm.multiple,\n      clearable: _vm.clearable,\n      disabled: _vm.disabled,\n      size: _vm.size,\n      filterable: _vm.filterable\n    },\n    on: {\n      clear: _vm.handleClear,\n      change: _vm.handleChange\n    },\n    model: {\n      value: _vm.selected,\n      callback: function ($$v) {\n        _vm.selected = $$v;\n      },\n      expression: \"selected\"\n    }\n  }, \"el-select\", _vm.$attrs, false), _vm._l(_vm.optionList, function (item) {\n    return _c(\"el-option\", {\n      key: _vm.getItemKey(item),\n      attrs: {\n        label: item[_vm.props.label],\n        value: item[_vm.props.value],\n        disabled: item.disabled\n      }\n    });\n  }), 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSelect/MecSelect.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225bc9ad8c-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gyyg-components",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "private": false,
   "main": "lib/gyyg-components.umd.js",
   "scripts": {

package/src/components/MecSelect/MecSelect.vue

@@ -1,21 +1,20 @@
 <template>
   <el-select
     v-model="selected"
-    @clear="clear"
+    @clear="handleClear"
     @change="handleChange"
     :placeholder="placeholder"
-    :multiple="multiple || false"
+    :multiple="multiple"
     :clearable="clearable"
     :disabled="disabled"
     :size="size"
     v-bind="$attrs"
     :filterable="filterable"
-    :value="selected"
     style="width: 100%"
   >
     <el-option
-      v-for="item in option"
-      :key="item[props.value]"
+      v-for="item in optionList"
+      :key="getItemKey(item)"
       :label="item[props.label]"
       :value="item[props.value]"
       :disabled="item.disabled"
@@ -35,9 +34,11 @@ export default {
       required: true,
     },
     multiple: {
+      type: Boolean,
       default: false,
     },
     props: {
+      type: Object,
       default() {
         return {
           label: "name",
@@ -51,15 +52,19 @@ export default {
     },
     clearable: {
       type: Boolean,
+      default: true,
     },
     disabled: {
       type: Boolean,
-      defalut: false,
+      default: false,
+    },
+    size: {
+      type: String,
+      default: undefined,
     },
-    size: String,
     filterable: {
       type: Boolean,
-      defalut: false,
+      default: false,
     },
     isSelectFirst: {
       type: Boolean,
@@ -68,10 +73,20 @@ export default {
   },
   data() {
     return {
-      selected: "",
-      option: [],
+      selected: null,
+      optionList: [],
+      hasAutoSelected: false,
     };
   },
+  computed: {
+    optionMap() {
+      const map = new Map();
+      this.optionList.forEach((item) => {
+        map.set(item[this.props.value], item);
+      });
+      return map;
+    },
+  },
   watch: {
     value: {
       handler(val) {
@@ -80,60 +95,61 @@ export default {
       immediate: true,
     },
     options: {
-      handler: function () {
-        if (!Array.isArray(this.options) && this.options) {
-          if (this.options instanceof Promise) {
-            this.options.then((val) => {
-              this.option = val.data || val;
-              if (this.isSelectFirst) {
-                if(this.option.length > 0){
-                  this.handleChange(this.option[0][this.props.value]);
-                }
-              }
-            });
-          }
-          if (typeof this.options == "function") {
-            this.options().then((val) => {
-              this.option = val.data || val;
-              if (this.isSelectFirst) {
-                if(this.option.length > 0){
-                  this.handleChange(this.option[0][this.props.value]);
-                }
-              }
-            });
-          }
-        } else {
-          this.option = this.options;
-          if (this.isSelectFirst) {
-            if(this.option.length > 0){
-                this.handleChange(this.option[0][this.props.value]);
-              }
-          }
-        }
+      handler: function (newOptions) {
+        this.processOptions(newOptions);
       },
       deep: true,
       immediate: true,
     },
   },
   methods: {
-    handleChange(val) {
-      console.log(val);
-      if (this.multiple) {
-        this.selected = val;
-        let info = this.option.filter((item) => val.includes(item[this.props.value]));
-        this.$emit("change", val, info);
-      } else {
-        this.selected = val;
-        let info = this.option.filter((item) => item[this.props.value] == val);
-        this.$emit("change", val, info.length > 0 ? info[0] : {});
+    async processOptions(options) {
+      try {
+        let result = options;
+        
+        if (options instanceof Promise) {
+          result = await options;
+        } else if (typeof options === "function") {
+          result = await options();
+        }
+        
+        this.optionList = Array.isArray(result) ? result : (result.data || []);
+        
+        if (this.isSelectFirst && !this.hasAutoSelected && !this.value && this.optionList.length > 0) {
+          this.hasAutoSelected = true;
+          this.handleChange(this.optionList[0][this.props.value]);
+        }
+      } catch (error) {
+        console.error("Failed to process options:", error);
+        this.optionList = [];
       }
-
-      this.$emit("input", this.selected);
+    },
+    
+    getItemKey(item) {
+      return item[this.props.value];
+    },
+    
+    getOptionInfo(value) {
+      if (this.multiple && Array.isArray(value)) {
+        return value.map((val) => this.optionMap.get(val)).filter(Boolean);
+      }
+      return this.optionMap.get(value) || {};
+    },
+    
+    handleChange(val) {
+      this.selected = val;
+      const info = this.getOptionInfo(val);
+      
+      this.$emit("change", val, info);
+      this.$emit("input", val);
       this.$emit("update:value", val);
     },
-    clear() {
-      this.selected = "";
+    
+    handleClear() {
+      this.selected = this.multiple ? [] : null;
       this.$emit("clear");
+      this.$emit("input", this.selected);
+      this.$emit("update:value", this.selected);
     },
   },
 };
@@ -141,4 +157,4 @@ export default {
 
 <style scoped>
 /* 你可以在这里添加自定义样式 */
-</style>
+</style>