修改弹出选择框

examples/containers/NormalDialog.vue

@@ -29,7 +29,11 @@
             <el-input></el-input>
           </form-item>
           <form-item label="性别">
-            <el-input></el-input>
+            <el-select v-model="selected.sex">
+              <el-option value="11">ssas</el-option>
+              <el-option value="12">gasv</el-option>
+              <el-option value="13">hsfd</el-option>
+            </el-select>
           </form-item>
 
         </form-line>
@@ -43,18 +47,19 @@
 </template>
 
 <script>
-import Vue from "vue";
-import { Button, Input } from "element-ui";
+import Vue from 'vue';
+import { Button, Input, Select, Option } from 'element-ui';
 
 Vue.component(Button.name, Button);
 Vue.component(Input.name, Input);
 
 export default {
-  name: "DialogPage",
+  name: 'DialogPage',
   data() {
     return {
       filters: {},
-      dialogVisible: false
+      dialogVisible: false,
+      selected: {},
     };
   },
   methods: {
@@ -63,7 +68,7 @@ export default {
     },
     closeHandle(done) {
       done();
-    }
-  }
+    },
+  },
 };
 </script>

examples/main.js

@@ -2,9 +2,11 @@ import Vue from 'vue';
 import App from './App.vue';
 import route, { routerMap } from './route';
 import store from './store/index';
+import elementUi from 'element-ui';
 import rymUi from '../src/index';
 import 'normalize.css/normalize.css';
 
+Vue.use(elementUi);
 Vue.use(rymUi);
 
 Vue.config.productionTip = false;

lib/rymUi.common.js

@@ -2216,6 +2216,13 @@ module.exports = function (it) {
 
 /***/ }),
 
+/***/ "1f1a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "20fd":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -27918,6 +27925,13 @@ var base = __webpack_require__("450d");
 var lib_option = __webpack_require__("e772");
 var lib_option_default = /*#__PURE__*/__webpack_require__.n(lib_option);
 
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/select.css
+var theme_chalk_select = __webpack_require__("1f1a");
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/select.js
+var lib_select = __webpack_require__("4e4b");
+var lib_select_default = /*#__PURE__*/__webpack_require__.n(lib_select);
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
 var es6_function_name = __webpack_require__("7f7f");
 
@@ -33632,6 +33646,9 @@ Transfer.install = function (Vue) {
 
 
 
+
+
+
 var src_install = function install(Vue) {
   // Layout
   Vue.component(components_Layout.name, components_Layout);
@@ -33650,6 +33667,7 @@ var src_install = function install(Vue) {
   Vue.component(components_FormItem.name, components_FormItem);
   Vue.component(components_Transfer.name, components_Transfer); // Element-ui
 
+  Vue.component(lib_select_default.a.name, lib_select_default.a);
   Vue.component(lib_option_default.a.name, lib_option_default.a); // input
 
   Vue.component(components_DatePicker.name, components_DatePicker);

lib/rymUi.umd.js

@@ -2225,6 +2225,13 @@ module.exports = function (it) {
 
 /***/ }),
 
+/***/ "1f1a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "20fd":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -27927,6 +27934,13 @@ var base = __webpack_require__("450d");
 var lib_option = __webpack_require__("e772");
 var lib_option_default = /*#__PURE__*/__webpack_require__.n(lib_option);
 
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/select.css
+var theme_chalk_select = __webpack_require__("1f1a");
+
+// EXTERNAL MODULE: ./node_modules/element-ui/lib/select.js
+var lib_select = __webpack_require__("4e4b");
+var lib_select_default = /*#__PURE__*/__webpack_require__.n(lib_select);
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
 var es6_function_name = __webpack_require__("7f7f");
 
@@ -33641,6 +33655,9 @@ Transfer.install = function (Vue) {
 
 
 
+
+
+
 var src_install = function install(Vue) {
   // Layout
   Vue.component(components_Layout.name, components_Layout);
@@ -33659,6 +33676,7 @@ var src_install = function install(Vue) {
   Vue.component(components_FormItem.name, components_FormItem);
   Vue.component(components_Transfer.name, components_Transfer); // Element-ui
 
+  Vue.component(lib_select_default.a.name, lib_select_default.a);
   Vue.component(lib_option_default.a.name, lib_option_default.a); // input
 
   Vue.component(components_DatePicker.name, components_DatePicker);

package.json

 {
   "name": "rym-element-ui",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "description": "任意门组件库",
   "main": "lib/rymUi.common.js",
   "scripts": {

src/index.js

@@ -10,7 +10,7 @@ import Table from './components/Table/index';
 import TableColumn from './components/TableColumn/index';
 import MessageBox from './components/MessageBox/index';
 import Dialog from './components/Dialog/index';
-import { Option } from 'element-ui';
+import { Select, Option } from 'element-ui';
 import FormArea from './components/FormArea/index';
 import FormLine from './components/FormLine/index';
 import FormItem from './components/FormItem/index';
@@ -34,6 +34,7 @@ const install = Vue => {
   Vue.component(FormItem.name, FormItem);
   Vue.component(Transfer.name, Transfer);
   // Element-ui
+  Vue.component(Select.name, Select);
   Vue.component(Option.name, Option);
   // input
   Vue.component(DatePicker.name, DatePicker);