{"remainingRequest":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\jenkins\\workspace\\artfess-module\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\artfess-module\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\artfess-module\\src\\demo\\Input.vue?vue&type=template&id=e0e6aefe&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\artfess-module\\src\\demo\\Input.vue","mtime":1675232038699},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-row',{attrs:{\"gutter\":20}},[_c('el-col',{attrs:{\"span\":20}},[_c('MdView',[[_vm._v(\"\\n        # 输入框\\n        常见的输入框，Element-UI已经有较为完整的组件库及相应的开发手册了，但是在通过这些组件来构建页面时，对于组件的显示、隐藏，常规或者特殊的校验，\\n        组件之间的联动、级联、计算等等，都需要自行实现，所以Hotent-UI就是在Element-UI的基础上增强了组件这方面能力。\\n      \")]],2),_c('CodeBox',{attrs:{\"name\":\"单行文本\",\"alias\":\"singleText\",\"code\":_vm.code.singleText,\"desc\":\"单行文本。\"}},[_c('ht-input',{attrs:{\"permission\":\"b\",\"placeholder\":\"姓名\",\"clearable\":false},model:{value:(_vm.data.name),callback:function ($$v) {_vm.$set(_vm.data, \"name\", $$v)},expression:\"data.name\"}})],1),_c('CodeBox',{attrs:{\"name\":\"数字输入框\",\"alias\":\"numberText\",\"code\":_vm.code.numberText,\"desc\":\"数字输入框。\"}},[_c('ht-input',{attrs:{\"type\":\"number\",\"placeholder\":\"年龄\",\"step\":2,\"min\":12,\"max\":99},model:{value:(_vm.data.age),callback:function ($$v) {_vm.$set(_vm.data, \"age\", $$v)},expression:\"data.age\"}})],1),_c('CodeBox',{attrs:{\"name\":\"多行文本\",\"alias\":\"multipleText\",\"code\":_vm.code.multipleText,\"desc\":\"多行文本。\"}},[_c('ht-input',{attrs:{\"type\":\"textarea\",\"cols\":80,\"autosize\":{ minRows: 2, maxRows: 4},\"placeholder\":\"备注\"},model:{value:(_vm.data.memo),callback:function ($$v) {_vm.$set(_vm.data, \"memo\", $$v)},expression:\"data.memo\"}})],1),_c('CodeBox',{attrs:{\"name\":\"数学计算\",\"alias\":\"mathCalculation\",\"code\":_vm.code.math,\"desc\":\"这个功能实现了输入框之间的数学计算。特别注意：如果在子表的多条数据中进行计算时，需要指定data-subname属性，并为每条数据指定data-index索引。\"}},[_c('div',{directives:[{name:\"form\",rawName:\"v-form\"}]},[_c('label',{staticClass:\"item-label\"},[_vm._v(\"相加:\")]),_c('div',{staticClass:\"flex\"},[_c('ht-input',{staticClass:\"m-r\",attrs:{\"placeholder\":\"数字1\"},model:{value:(_vm.data.math1),callback:function ($$v) {_vm.$set(_vm.data, \"math1\", $$v)},expression:\"data.math1\"}}),_c('span',{staticClass:\"m-r\"},[_vm._v(\"+\")]),_c('ht-input',{staticClass:\"m-r\",attrs:{\"placeholder\":\"数字2\"},model:{value:(_vm.data.math2),callback:function ($$v) {_vm.$set(_vm.data, \"math2\", $$v)},expression:\"data.math2\"}}),_c('span',{staticClass:\"m-r\"},[_vm._v(\"=\")]),_c('ht-input',{staticClass:\"m-r\",attrs:{\"disabled\":\"\",\"placeholder\":\"数字1 + 数字2\",\"math-exp\":\"{数字1(data.math1)} + {数字2(data.math2)}\"},model:{value:(_vm.data.math3),callback:function ($$v) {_vm.$set(_vm.data, \"math3\", $$v)},expression:\"data.math3\"}})],1),_c('el-divider'),_c('div',[_c('label',{staticClass:\"item-label\"},[_vm._v(\"子表每行分别计算，再对列求和:\")]),_c('br'),_c('ul',{staticClass:\"math-ul\"},[_vm._l((_vm.data.sub),function(row,index){return _c('li',{key:index,attrs:{\"data-index\":index,\"data-subname\":\"data.sub\"}},[_c('div',{staticClass:\"flex\"},[_c('ht-input',{staticClass:\"m-r\",attrs:{\"placeholder\":\"单价\"},model:{value:(row.dj),callback:function ($$v) {_vm.$set(row, \"dj\", $$v)},expression:\"row.dj\"}}),_c('ht-input',{staticClass:\"m-r\",attrs:{\"placeholder\":\"数量\"},model:{value:(row.sl),callback:function ($$v) {_vm.$set(row, \"sl\", $$v)},expression:\"row.sl\"}}),_c('ht-input',{staticClass:\"m-r\",attrs:{\"placeholder\":\"小计\",\"math-exp\":\"{单价(row.dj)} * {数量(row.sl)}\"},model:{value:(row.xj),callback:function ($$v) {_vm.$set(row, \"xj\", $$v)},expression:\"row.xj\"}}),_c('el-link',{staticClass:\"m-r\",attrs:{\"type\":\"danger\"},on:{\"click\":function($event){return _vm.data.sub.remove(row)}}},[_vm._v(\"删除\")])],1)])}),_c('li',[_c('div',{staticClass:\"flex\"},[_c('el-button',{staticClass:\"m-r\",attrs:{\"type\":\"primary\",\"size\":\"small\"},on:{\"click\":function($event){return _vm.data.sub.push({})}}},[_vm._v(\"添加一行数据\")]),_c('label',{staticClass:\"item-label\"},[_vm._v(\"对子表小计求和:\")]),_c('ht-input',{staticClass:\"m-r\",attrs:{\"placeholder\":\"对子表中的小计求和\",\"math-exp\":\"FormMath.sum([{小计(data.sub.xj)}])\"},model:{value:(_vm.data.math4),callback:function ($$v) {_vm.$set(_vm.data, \"math4\", $$v)},expression:\"data.math4\"}})],1)])],2)])],1)]),_c('CodeBox',{attrs:{\"name\":\"联动\",\"alias\":\"linkage\",\"code\":_vm.code.linkage,\"desc\":\"当下拉框、复选框、单选按钮选择相应的选项时，可以按照配置的规则联动其他的控件，例如隐藏/显示，必填/非必填，置空，校验规则等联动效果。这种联动是遵循轨迹回弹的，即：如果选择A时显示该控件，则选非A时不显示该控件，无需再配置选B、C时隐藏该控件。\"}},[[_c('div',{staticClass:\"flex\"},[_c('label',{staticClass:\"item-label\"},[_vm._v(\"兴趣爱好(后面的输入框在显示和隐藏之间切换):\")]),_c('ht-select',{staticClass:\"m-r\",attrs:{\"options\":[{ key: '1', value: '爬山' },{ key: '2', value: '游泳' },{ key: '3', value: '下棋' }],\"linkage\":[{'value':'1','effect':[{'target':'permission.shan', 'type': '=','value':'w'}]},\n            {'value':'2','effect':[{'target': 'permission.yong', 'type': '=', 'value': 'b'},{target: 'validate.yong',type:'+',value:'is:仰泳'}]},{'value':'3','effect':[{'target': 'permission.qi', 'type': '=', 'value': 'w'}]}]},model:{value:(_vm.data.ah),callback:function ($$v) {_vm.$set(_vm.data, \"ah\", $$v)},expression:\"data.ah\"}}),_c('ht-input',{attrs:{\"permission\":_vm.permission.shan,\"placeholder\":\"喜欢爬哪座山\"},model:{value:(_vm.data.shan),callback:function ($$v) {_vm.$set(_vm.data, \"shan\", $$v)},expression:\"data.shan\"}}),_c('ht-input',{attrs:{\"permission\":_vm.permission.yong,\"validate\":_vm.validate.yong,\"placeholder\":\"喜欢哪种泳姿\"},model:{value:(_vm.data.yong),callback:function ($$v) {_vm.$set(_vm.data, \"yong\", $$v)},expression:\"data.yong\"}}),_c('ht-input',{attrs:{\"permission\":_vm.permission.qi,\"placeholder\":\"喜欢哪种棋\"},model:{value:(_vm.data.qi),callback:function ($$v) {_vm.$set(_vm.data, \"qi\", $$v)},expression:\"data.qi\"}})],1),_c('el-divider'),_c('div',{staticClass:\"flex\"},[_c('label',{staticClass:\"item-label\"},[_vm._v(\"联系方式(后面的输入框会切换不同的校验规则):\")]),_c('ht-radio',{attrs:{\"options\":[{ key: '1', value: 'Email' },{ key: '2', value: '手机' }],\"linkage\":[{'value':'1','effect':[{'target':'validate.lxdz', 'type': '+','value':'email'}]},{'value':'2','effect':[{'target':'validate.lxdz', 'type': '+','value':'mobile'}]}]},model:{value:(_vm.data.lxfs),callback:function ($$v) {_vm.$set(_vm.data, \"lxfs\", $$v)},expression:\"data.lxfs\"}}),_c('ht-input',{attrs:{\"validate\":_vm.validate.lxdz},model:{value:(_vm.data.lxdz),callback:function ($$v) {_vm.$set(_vm.data, \"lxdz\", $$v)},expression:\"data.lxdz\"}})],1),_c('el-divider'),_c('div',{staticClass:\"flex\"},[_c('label',{staticClass:\"item-label\"},[_vm._v(\"领款方式(后面的输入框的内容会置空):\")]),_c('ht-checkbox',{attrs:{\"options\":[{ key: '1', value: '银行卡' },{ key: '2', value: '现金' }],\"linkage\":[{'value':'2','effect':[{'target':'data.yhkh', 'type': '=','value':''}]}]},model:{value:(_vm.data.lkfs),callback:function ($$v) {_vm.$set(_vm.data, \"lkfs\", $$v)},expression:\"data.lkfs\"}}),_c('ht-input',{model:{value:(_vm.data.yhkh),callback:function ($$v) {_vm.$set(_vm.data, \"yhkh\", $$v)},expression:\"data.yhkh\"}})],1)]],2),_c('CodeBox',{attrs:{\"name\":\"校验规则\",\"alias\":\"validation\",\"code\":_vm.code.validation,\"desc\":\"支持常见的检验规则、正则表达式、后台校验、js方法四种校验模式。\"}},[[_c('div',{staticClass:\"flex\"},[_c('label',{staticClass:\"item-label\"},[_vm._v(\"选择校验规则：\")]),_c('ht-select',{staticClass:\"m-r\",attrs:{\"options\":_vm.validate.dic},model:{value:(_vm.validate.current),callback:function ($$v) {_vm.$set(_vm.validate, \"current\", $$v)},expression:\"validate.current\"}}),(_vm.currentValidateArgsNumber > 0)?_c('div',{staticClass:\"m-r\"},[_c('label',{staticClass:\"item-label\"},[_vm._v(\"第一个参数：\")]),_c('ht-input',{attrs:{\"placeholder\":\"校验规则的第一个参数\"},model:{value:(_vm.validate.arg1),callback:function ($$v) {_vm.$set(_vm.validate, \"arg1\", $$v)},expression:\"validate.arg1\"}})],1):_vm._e(),(_vm.currentValidateArgsNumber > 1)?_c('div',{staticClass:\"m-r\"},[_c('label',{staticClass:\"item-label\"},[_vm._v(\"第二个参数：\")]),_c('ht-input',{attrs:{\"placeholder\":\"校验规则的第二个参数\"},model:{value:(_vm.validate.arg2),callback:function ($$v) {_vm.$set(_vm.validate, \"arg2\", $$v)},expression:\"validate.arg2\"}})],1):_vm._e(),(_vm.currentValidateHasTarget)?_c('div',{staticClass:\"m-r\"},[_c('label',{staticClass:\"item-label\"},[_vm._v(\"检验关联对象：\")]),_c('ht-select',{attrs:{\"options\":[{key: 'wb2', value: '输入框二'},{key: 'rq2', value: '结束时间'}]},model:{value:(_vm.validate.target),callback:function ($$v) {_vm.$set(_vm.validate, \"target\", $$v)},expression:\"validate.target\"}})],1):_vm._e(),(_vm.validate.current=='method')?_c('div',{staticClass:\"m-r\"},[_c('label',{staticClass:\"item-label\"},[_vm._v(\"自定义方法：\")]),_c('ht-input',{staticClass:\"m-r\",attrs:{\"type\":\"textarea\",\"rows\":4},model:{value:(_vm.validate.method),callback:function ($$v) {_vm.$set(_vm.validate, \"method\", $$v)},expression:\"validate.method\"}}),_c('label',{staticClass:\"item-label\"},[_vm._v(\"提示信息：\")]),_c('ht-input',{model:{value:(_vm.validate.message),callback:function ($$v) {_vm.$set(_vm.validate, \"message\", $$v)},expression:\"validate.message\"}})],1):_vm._e()],1),_c('el-divider'),_c('div',{staticStyle:{\"margin-bottom\":\"15px\"}},[(_vm.validateExp)?_c('el-tooltip',{staticClass:\"m-r\",attrs:{\"content\":\"生成的校验规则\"}},[_c('i',{staticClass:\"icon-tips\",staticStyle:{\"font-size\":\"14px\",\"font-weight\":\"bold\"}})]):_vm._e(),_c('span',[_vm._v(_vm._s(_vm.validateExp))])],1),_c('label',{staticClass:\"item-label\"},[_vm._v(\"输入框一：\")]),_c('ht-input',{attrs:{\"validate\":_vm.validateExp},model:{value:(_vm.data.wb1),callback:function ($$v) {_vm.$set(_vm.data, \"wb1\", $$v)},expression:\"data.wb1\"}}),(_vm.currentValidateHasTarget && _vm.currentValidateHasTarget!='date')?_c('div',[_c('label',{staticClass:\"item-label\"},[_vm._v(\"输入框二：\")]),_c('ht-input',{attrs:{\"name\":\"wb2\"},model:{value:(_vm.data.wb2),callback:function ($$v) {_vm.$set(_vm.data, \"wb2\", $$v)},expression:\"data.wb2\"}})],1):_vm._e(),_c('el-divider'),(_vm.currentValidateHasTarget=='date')?_c('div',[_c('label',{staticClass:\"item-label\"},[_vm._v(\"开始时间：\")]),_c('ht-date',{staticClass:\"m-r\",attrs:{\"validate\":_vm.validateExp},model:{value:(_vm.data.rq1),callback:function ($$v) {_vm.$set(_vm.data, \"rq1\", $$v)},expression:\"data.rq1\"}}),_c('label',{staticClass:\"item-label\"},[_vm._v(\"结束时间：\")]),_c('ht-date',{attrs:{\"name\":\"rq2\"},model:{value:(_vm.data.rq2),callback:function ($$v) {_vm.$set(_vm.data, \"rq2\", $$v)},expression:\"data.rq2\"}})],1):_vm._e()]],2),_c('CodeBox',{attrs:{\"name\":\"权限控制\",\"alias\":\"permission\",\"code\":_vm.code.permission,\"desc\":\"这个单行文本实现了控件的只读、编辑、必填权限，而且权限在变更后对输入框的影响会立即生效。\"}},[_c('div',[_c('label',{staticClass:\"item-label\"},[_vm._v(\"权限控制:\")]),_c('ht-radio',{attrs:{\"options\":[{key:'r',value:'只读'},{key:'w',value:'编辑'},{key:'b',value:'必填'}]},model:{value:(_vm.permission.xm),callback:function ($$v) {_vm.$set(_vm.permission, \"xm\", $$v)},expression:\"permission.xm\"}}),_c('el-divider'),_c('ht-input',{attrs:{\"permission\":_vm.permission.xm,\"placeholder\":\"请输入您的姓名\"},model:{value:(_vm.data.xm),callback:function ($$v) {_vm.$set(_vm.data, \"xm\", $$v)},expression:\"data.xm\"}})],1)]),_c('CodeBox',{attrs:{\"name\":\"下拉框权限控制\",\"alias\":\"selectPermission\",\"code\":_vm.code.selectPermission,\"desc\":\"对下拉框的权限控制。\"}},[_c('div',[_c('label',{staticClass:\"item-label\"},[_vm._v(\"权限控制:\")]),_c('ht-radio',{attrs:{\"options\":[{key:'r',value:'只读'},{key:'w',value:'编辑'},{key:'b',value:'必填'}]},model:{value:(_vm.permission.xlk),callback:function ($$v) {_vm.$set(_vm.permission, \"xlk\", $$v)},expression:\"permission.xlk\"}}),_c('el-divider'),_c('ht-select',{attrs:{\"permission\":_vm.permission.xlk,\"options\":_vm.options.xlk},model:{value:(_vm.data.xlk),callback:function ($$v) {_vm.$set(_vm.data, \"xlk\", $$v)},expression:\"data.xlk\"}}),_c('el-button',{staticStyle:{\"margin-left\":\"10px\"},attrs:{\"size\":\"small\",\"type\":\"danger\"},on:{\"click\":function($event){_vm.options.xlk=[]}}},[_vm._v(\"清空下拉框选项\")])],1)]),_c('MdView',{attrs:{\"id\":\"api\"}},[[_vm._v(\"\\n        # API\\n        ## Options\\n        | 参数 | 说明 | 类型 | 可选值 | 默认值 |\\n        | :------ | :------ | :------ | :------ | :------ |\\n        | validate | 校验规则 | string/object | 请参照[校验规则](validation)查看可选值 | - |\\n        | name | 名称 | string | - | - |\\n        | permission | 权限 | string | n/r/w/b，分别表示：无权限、只读、编辑、必填权限 | w |\\n        | type | 类型 | string | number,textarea,text和其他[原生input的type值](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types) | text |\\n        | clearable | 是否可清空 | boolean | - | true |\\n        | show-password | 是否为密码 | boolean | - | false |\\n        | math-exp | 数学计算表达式 | string | 请参照[数学计算](math)查看表达式语法 | - |\\n        | date-calc-exp | 日期计算表达式 | string | 请参照[日期计算](http://www.baidu.com)查看表达式语法 | - |\\n        | linkage | 联动表达式 | arrry/object | 请参照[联动](linkage)查看联动介绍，只有`ht-select,ht-radio,ht-checkbox`有该属性 | - |\\n        | placeholder | 输入提示语 | string | - | 请输入内容 |\\n        | readonly | 是否只读 | boolean | - | false |\\n        | disabled | 是否不可用 | boolean | - | false |\\n        | min | 数字最小值 | number | - | - |\\n        | max | 数字最大值 | number | - | - |\\n        | step | 数字的步长（type为number时才生效） | number | - | 1 |\\n        | step-strictly | 是否只能输入 step 的倍数 （type为number时才生效）| boolean | - | false |\\n        | precision | 数字精度（type为number时才生效）| number | - | - |\\n        | cols | 文本列数（type为textarea时才生效） | number | - | 60 |\\n        | rows | 文本的行数（type为textarea时才生效） | number | - | 2 |\\n        | autosize | 自适应内容高度（type为textarea时才生效），可传入对象，如，{ minRows: 2, maxRows: 6 } | boolean/object | - | false |\\n        | prefix-icon | 输入框头部图标 | string | - | - |\\n        | suffix-icon | 输入框尾部图标 | string | - | - |\\n        | tabindex | 输入框的tabindex | string | - | - |\\n        ## slots\\n        | name | 说明 |\\n        | :------ | :------ |\\n        | prefix | 输入框头部内容，只对 type=\\\"text\\\" 有效 |\\n        | suffix | 输入框尾部内容，只对 type=\\\"text\\\" 有效 |\\n        | prepend | 输入框前置内容，只对 type=\\\"text\\\" 有效 |\\n        | append | 输入框后置内容，只对 type=\\\"text\\\" 有效 |\\n        ## input events\\n        | 事件名称 | 说明 | 参数 |\\n        | :------ | :------ | :------ |\\n        |blur| 在 Input 失去焦点时触发| (event: Event) |\\n        |focus| 在 Input 获得焦点时触发| (event: Event) |\\n        |change| 仅在输入框失去焦点或用户按下回车时触发| (value: string | number) |\\n        |input| 在 Input 值改变时触发| (value: string | number) |\\n        |clear| 在点击由`clearable`属性生成的清空按钮时触发 | - |\\n      \")]],2)],1),_c('el-col',{attrs:{\"span\":4}},[_c('AnchorWrapper',{attrs:{\"anchors\":_vm.code.anchors}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"]}