下拉框与时间

README.md

@@ -544,7 +544,11 @@ showActionSheetButton() {
 
 ### Note 
  hls-easy-ui#0.0.6
-   修改组建加载的方式为按需加载
+ 
+   [时间组件 DateFiled](/packages/components/DataFiled/README.md)
+ 
+   [下拉框组建 SelectFiled](/packages/components/Select/README.md)
+   
    [添加进度条 h-progress](/packages/components/Progress/README.md)
       
    [添加滑块 h-range](/packages/components/Range/README.md)
@@ -557,15 +561,15 @@ showActionSheetButton() {
    
  hls-easy-ui#0.0.4
   
-   [添加懒加载组建](https://github.com/hilongjw/vue-lazyload)
+   [添加懒加载组件](https://github.com/hilongjw/vue-lazyload)
  
-   [添加文件选择组建 h-file](/packages/components/HFile/README.md)
+   [添加文件选择组件 h-file](/packages/components/HFile/README.md)
    
-   [添加单选框组建 h-radio](/packages/components/Radio/README.md)
+   [添加单选框组件 h-radio](/packages/components/Radio/README.md)
    
-   [添加checkBox组建](/packages/components/CheckBox/README.md)
+   [添加checkBox组件](/packages/components/CheckBox/README.md)
    
-   [修改原有的check-box组建名为h-switch](/packages/components/Switch/README.md)
+   [修改原有的check-box组件名为h-switch](/packages/components/Switch/README.md)
 
  hls-easy-ui#0.0.3 
  

build/webpack.lib.conf.js

@@ -17,13 +17,13 @@ const webpackConfig = merge(baseWebpackConfig, {
     })
   },
   entry: {
-    hlsuis: path.resolve(__dirname, '../packages/index.js'),
+    easyUI: path.resolve(__dirname, '../packages/index.js'),
   },
   output: {
     path: path.resolve(__dirname, '../lib'),
     filename: '[name].js',
-    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js'),
-    library: 'hlsuis',
+    chunkFilename: utils.assetsPath('js/[name][id].[chunkhash].js'),
+    library: 'easyUI',
     libraryTarget: 'umd',
     umdNamedDefine: true,
   },

lib/static/img/skeleton.81adba7.svg

+<svg width="750" height="1334" xmlns="http://www.w3.org/2000/svg">
+ <g>
+  <rect fill="#fff" id="canvas_background" height="1334" width="750" y="-1" x="-1"/>
+  <g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid">
+   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/>
+  </g>
+ </g>
+ <g>
+  <rect opacity="0.7" stroke="#000" id="svg_1" height="200" width="656" y="89" x="46" stroke-width="0" fill="#DDDDDD"/>
+  <ellipse opacity="0.7" stroke="#000" ry="50" rx="50" id="svg_3" cy="408" cx="93" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <ellipse opacity="0.7" stroke="#000" ry="50" rx="50" id="svg_4" cy="408" cx="284" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <ellipse opacity="0.7" stroke="#000" ry="50" rx="50" id="svg_8" cy="408" cx="469" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <ellipse opacity="0.7" stroke="#000" ry="50" rx="50" id="svg_9" cy="408" cx="651" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <ellipse opacity="0.7" stroke="#000" ry="50" rx="50" id="svg_10" cy="576" cx="93" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <ellipse opacity="0.7" stroke="#000" ry="50" rx="50" id="svg_11" cy="576" cx="284" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <ellipse opacity="0.7" stroke="#000" ry="50" rx="50" id="svg_12" cy="576" cx="469" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <ellipse opacity="0.7" stroke="#000" ry="50" rx="50" id="svg_13" cy="576" cx="651" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <rect stroke="#000" opacity="0.7" id="svg_14" height="80" width="656" y="689" x="46" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <rect id="svg_16" height="28.000015" width="0" y="839" x="375" fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#DDDDDD"/>
+  <rect stroke="#000" opacity="0.7" id="svg_17" height="30" width="656" y="805" x="46" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <rect stroke="#000" opacity="0.7" id="svg_18" height="30" width="656" y="867" x="46" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <rect stroke="#000" opacity="0.7" id="svg_19" height="30" width="656" y="927" x="46" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <rect stroke="#000" opacity="0.7" id="svg_20" height="30" width="656" y="987" x="46" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <rect stroke="#000" opacity="0.7" id="svg_21" height="30" width="656" y="1047" x="46" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <rect stroke="#000" opacity="0.7" id="svg_22" height="30" width="656" y="1107" x="46" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <rect stroke="#000" opacity="0.7" id="svg_23" height="30" width="656" y="1167" x="46" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+  <rect stroke="#000" opacity="0.7" id="svg_24" height="30" width="656" y="1227" x="46" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#DDDDDD"/>
+ </g>
+</svg>

lib/static/js/HHeader19.53d2af29e73acbef4edd.js

+webpackJsonpeasyUI([19],{
+
+/***/ 221:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vux_loader_src_script_loader_js_node_modules_vux_loader_src_script_loader_js_node_modules_vue_loader_lib_selector_type_script_index_0_index_vue__ = __webpack_require__(404);
+/* empty harmony namespace reexport */
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_loader_node_modules_vux_loader_src_script_loader_js_node_modules_vue_loader_lib_selector_type_script_index_0_index_vue__ = __webpack_require__(405);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__node_modules_vue_loader_lib_template_compiler_index_id_data_v_bf08a214_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vux_loader_src_before_template_compiler_loader_js_node_modules_vux_loader_src_template_loader_js_node_modules_vue_loader_lib_selector_type_template_index_0_index_vue__ = __webpack_require__(406);
+function injectStyle (ssrContext) {
+  __webpack_require__(403)
+}
+var normalizeComponent = __webpack_require__(3)
+/* script */
+
+
+/* template */
+
+/* template functional */
+var __vue_template_functional__ = false
+/* styles */
+var __vue_styles__ = injectStyle
+/* scopeId */
+var __vue_scopeId__ = null
+/* moduleIdentifier (server only) */
+var __vue_module_identifier__ = null
+var Component = normalizeComponent(
+  __WEBPACK_IMPORTED_MODULE_1__babel_loader_node_modules_vux_loader_src_script_loader_js_node_modules_vue_loader_lib_selector_type_script_index_0_index_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_2__node_modules_vue_loader_lib_template_compiler_index_id_data_v_bf08a214_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vux_loader_src_before_template_compiler_loader_js_node_modules_vux_loader_src_template_loader_js_node_modules_vue_loader_lib_selector_type_template_index_0_index_vue__["a" /* default */],
+  __vue_template_functional__,
+  __vue_styles__,
+  __vue_scopeId__,
+  __vue_module_identifier__
+)
+
+/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
+
+
+/***/ }),
+
+/***/ 3:
+/***/ (function(module, exports) {
+
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file.
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = injectStyles
+  }
+
+  if (hook) {
+    var functional = options.functional
+    var existing = functional
+      ? options.render
+      : options.beforeCreate
+
+    if (!functional) {
+      // inject component registration as beforeCreate hook
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    } else {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functioal component in vue file
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return existing(h, context)
+      }
+    }
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
+
+
+/***/ }),
+
+/***/ 403:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 404:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* unused harmony default export */ var _unused_webpack_default_export = ({
+  name: 'HHeader',
+  props: {
+    proportion: {
+      //  slot left/center/right 横向面积比例
+      type: Array,
+      default: function _default() {
+        return [1, 2, 1];
+      }
+    },
+    hasBorder: {
+      type: Boolean,
+      default: true
+    },
+    cusClass: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    borderCss: function borderCss() {
+      return this.hasBorder === true ? 'vue-1px-b' : '';
+    }
+  }
+});
+
+/***/ }),
+
+/***/ 405:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  name: 'HHeader',
+  props: {
+    proportion: {
+      //  slot left/center/right 横向面积比例
+      type: Array,
+      default: function _default() {
+        return [1, 2, 1];
+      }
+    },
+    hasBorder: {
+      type: Boolean,
+      default: true
+    },
+    cusClass: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    borderCss: function borderCss() {
+      return this.hasBorder === true ? 'vue-1px-b' : '';
+    }
+  }
+});
+
+/***/ }),
+
+/***/ 406:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',{staticClass:"h-header",class:[_vm.borderCss,_vm.cusClass]},[_c('section',{staticClass:"h-header-left",style:({'flex':_vm.proportion[0] })},[_vm._t("left")],2),_vm._v(" "),_c('h1',{staticClass:"h-header-center",style:({'flex':_vm.proportion[1] })},[_vm._t("center")],2),_vm._v(" "),_c('section',{staticClass:"h-header-right",style:({'flex':_vm.proportion[2] })},[_vm._t("right")],2)])}
+var staticRenderFns = []
+var esExports = { render: render, staticRenderFns: staticRenderFns }
+/* harmony default export */ __webpack_exports__["a"] = (esExports);
+
+/***/ })
+
+});
\ No newline at end of file

lib/static/js/appStyle31.49990987b6e7aeda0190.js

+webpackJsonpeasyUI([31],{
+
+/***/ 236:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ })
+
+});
\ No newline at end of file

lib/static/js/checkbox21.3c530be4683ba5bfb849.js

+webpackJsonpeasyUI([21],{
+
+/***/ 217:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vux_loader_src_script_loader_js_node_modules_vux_loader_src_script_loader_js_node_modules_vue_loader_lib_selector_type_script_index_0_index_vue__ = __webpack_require__(384);
+/* empty harmony namespace reexport */
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_loader_node_modules_vux_loader_src_script_loader_js_node_modules_vue_loader_lib_selector_type_script_index_0_index_vue__ = __webpack_require__(385);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__node_modules_vue_loader_lib_template_compiler_index_id_data_v_69863a25_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vux_loader_src_before_template_compiler_loader_js_node_modules_vux_loader_src_template_loader_js_node_modules_vue_loader_lib_selector_type_template_index_0_index_vue__ = __webpack_require__(386);
+function injectStyle (ssrContext) {
+  __webpack_require__(383)
+}
+var normalizeComponent = __webpack_require__(3)
+/* script */
+
+
+/* template */
+
+/* template functional */
+var __vue_template_functional__ = false
+/* styles */
+var __vue_styles__ = injectStyle
+/* scopeId */
+var __vue_scopeId__ = null
+/* moduleIdentifier (server only) */
+var __vue_module_identifier__ = null
+var Component = normalizeComponent(
+  __WEBPACK_IMPORTED_MODULE_1__babel_loader_node_modules_vux_loader_src_script_loader_js_node_modules_vue_loader_lib_selector_type_script_index_0_index_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_2__node_modules_vue_loader_lib_template_compiler_index_id_data_v_69863a25_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vux_loader_src_before_template_compiler_loader_js_node_modules_vux_loader_src_template_loader_js_node_modules_vue_loader_lib_selector_type_template_index_0_index_vue__["a" /* default */],
+  __vue_template_functional__,
+  __vue_styles__,
+  __vue_scopeId__,
+  __vue_module_identifier__
+)
+
+/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
+
+
+/***/ }),
+
+/***/ 3:
+/***/ (function(module, exports) {
+
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file.
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = injectStyles
+  }
+
+  if (hook) {
+    var functional = options.functional
+    var existing = functional
+      ? options.render
+      : options.beforeCreate
+
+    if (!functional) {
+      // inject component registration as beforeCreate hook
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    } else {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functioal component in vue file
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return existing(h, context)
+      }
+    }
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
+
+
+/***/ }),
+
+/***/ 383:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 384:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* unused harmony default export */ var _unused_webpack_default_export = ({
+  name: 'CheckBox',
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    },
+    disable: {
+      type: Boolean,
+      default: false
+    }
+    /* checkedColor: {
+          type: String,
+          default: '#5D98F6',
+        }, */
+  },
+  data: function data() {
+    return {};
+  },
+
+  watch: {},
+  methods: {
+    checked: function checked() {
+      if (!this.disable) {
+        this.$emit('input', !this.value);
+        this.$emit('checkClick', !this.value);
+      }
+    }
+  }
+});
+
+/***/ }),
+
+/***/ 385:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  name: 'CheckBox',
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    },
+    disable: {
+      type: Boolean,
+      default: false
+    }
+    /* checkedColor: {
+          type: String,
+          default: '#5D98F6',
+        }, */
+  },
+  data: function data() {
+    return {};
+  },
+
+  watch: {},
+  methods: {
+    checked: function checked() {
+      if (!this.disable) {
+        this.$emit('input', !this.value);
+        this.$emit('checkClick', !this.value);
+      }
+    }
+  }
+});
+
+/***/ }),
+
+/***/ 386:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{staticClass:"h-checkbox",on:{"click":_vm.checked}},[_c('label',{staticClass:"checkbox"},[_c('input',{attrs:{"disabled":_vm.disable,"type":"checkbox"},domProps:{"checked":_vm.value}})])])}
+var staticRenderFns = []
+var esExports = { render: render, staticRenderFns: staticRenderFns }
+/* harmony default export */ __webpack_exports__["a"] = (esExports);
+
+/***/ })
+
+});
\ No newline at end of file

packages/components/CurrencyInput/README.md

@@ -20,6 +20,7 @@ curreny-input 金额输入框
       
 ```
 v-model 绑定value值 number值
+
 disable 是否只读 true/false
 
 

packages/components/DateFiled/README.md

+DateFiled 日期组建
+
+```html
+<DateFiled
+        v-model="nowDate" :required="true" label="时间"
+        @onSelect="select"/>
+          
+          
+  data () {
+    return {
+        nowDate: '2020-12-25',
+      }
+    }
+```
+|字段名称 |字段说明 |类型 |必填 |默认 |
+| ----|------|-------|------|------|
+|value|当前值|String|Y|-|
+|format|格式化类型|String|N|YYYY-MM-DD|
+|minYear|最小年份|String|N|1800|
+|maxYear|最大年份|String|N|2500|
+|disabled|是否禁用|Boolean|N|false|
+|label|字端名称|String|Y|-|
+|required|必输|Boolean|N|false|
+|proportion|字端明与字端占比|Array|N|[1,2]|
+|itemHeight|字端默认高度|Number|N|45|
+|hasBorder|是否有下边框|Boolean|N|true|
+|showIcon|右边下拉箭头|Boolean|N|true|
+|rightIcon|自定义下拉箭头|String|N|-|
+|@onSelect|下拉框选中函数|Function|N|-|
+

packages/components/Range/README.md

@@ -37,17 +37,27 @@ h-range 滑块
       
 ```
 decimal 是否展示小数 默认false
+
 value 当前滑块值
+
 min 滑块最小值 默认0
+
 max  滑块最大值 默认100
+
 step 滑块步长 默认1
+
 disable 是否禁用 默认false
+
 disabled-opacity 禁用时透明度 默认0.7
+
 range-bar-height 滑道高度 默认1
+
 range-handle-height 滑块高度 默认20
 
 @change  滑块滑动触犯事件 返回当前value值
+
 @touchstart 滑块开始滑动事件
+
 @touchEnd 滑块结束滑动事件
 
 

packages/components/Select/README.md

@@ -109,3 +109,37 @@ select下拉框 插件形式调用
         })
       },      
 ```
+
+SelectFiled 下拉组建
+
+```html
+<SelectFiled
+          v-model="sex" :dataArray="sexList" :required="true" label="性别"
+          value-key="code_value"
+          value-name="code_value_name" @onSelect="select"/>
+          
+          
+  data () {
+    return {
+        sex: 0,
+        sexList: [{'code_value': 0, 'code_value_name': '女'}, {'code_value': 1, 'code_value_name': '男'}],
+      }
+    }
+```
+|字段名称 |字段说明 |类型 |必填 |默认 |
+| ----|------|-------|------|------|
+|value|当前值|string|Y|-|
+|dataArray|下拉框数据源|Array|Y|-|
+|multiple|是否多选|Boolean|N|false|
+|disabled|是否禁用|Boolean|N|false|
+|valueKey|对应数据源中的存表字端|String|N|code|
+|valueName|对应数据源中的展示字端|String|N|code_name|
+|label|字端名称|String|Y|-|
+|required|必输|Boolean|N|false|
+|proportion|字端明与字端占比|Array|N|[1,2]|
+|itemHeight|字端默认高度|Number|N|45|
+|hasBorder|是否有下边框|Boolean|N|true|
+|showIcon|右边下拉箭头|Boolean|N|true|
+|rightIcon|自定义下拉箭头|String|N|-|
+|@onSelect|下拉框选中函数|Function|N|-|
+