{"_id":"@ctmobile/ui-messagedialog-sd","_rev":"2-61a82dcfcc6b278b48b6999a7f9fa487","name":"@ctmobile/ui-messagedialog-sd","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@ctmobile/ui-messagedialog-sd","version":"1.0.0","description":"支持移动端的UI组件-消息对话框","main":"lib/messagedialog.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","doc":"jsdoc src README.md -d doc -u doc/tutorials","buildpackage":"ctcopy ../src src && ctbuild --type buildpackage","link":"npm link @ctsj/build"},"repository":{"type":"git","url":"git+https://github.com/playerljc/CTMobile-UI.git"},"keywords":["messagedialog","CtMobile","CTMibole-UI","mobile","webapp","SPA","Hybrid","Cordova","Android","iOS","Material","playerljc","WebFramework"],"author":{"name":"playerljc","email":"playerljc@163.com"},"license":"MIT","bugs":{"url":"https://github.com/playerljc/CTMobile-UI/issues"},"homepage":"https://github.com/playerljc/CTMobile-UI#readme","dependencies":{"@babel/runtime":"^7.2.0"},"devDependencies":{"@ctsj/build":"^1.0.0","font-awesome":"^4.7.0","jquery":"^3.3.1","load-awesome":"^1.1.0","lodash":"^4.17.11"},"_id":"@ctmobile/ui-messagedialog-sd@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"playerljc","email":"playerljc@163.com"},"dist":{"integrity":"sha512-W3CnCKRu8Lgz4kEYx7jxvPDGaWQK9xJ2KXzT3aXD8EnSbyG6AjsoQ10mRmRpOcirnaIe95zxS6DvA8X+nqQpWA==","shasum":"07f743b0c5ccd9a0bda45361ccfbb7d266033808","tarball":"https://registry.npmjs.org/@ctmobile/ui-messagedialog-sd/-/ui-messagedialog-sd-1.0.0.tgz","fileCount":10,"unpackedSize":112804,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdMSn9CRA9TVsSAnZWagAAra8P/ikuiVMdJxPwMyhe67Sd\nrRQRAmGYEDS0qwUg7CukOtqvSP4GDnI8LKHNp8XHkxSIOBbfhoMVR0OzL90C\n7chiZbFxToCC9DktpFz1jj+sj2lFP6wWgsHBk0I+gsIHYhq7j/JP7SUJ4Ctc\nmGlEe5L8kTEzAXYJDrxy70nC9vEZKNEpapJHJfK4ES2WoAxBsHVhF0gCTkZ7\nOMIOgDAUyoDCYlA3USvAE8o+VEk5iDYGJm6JdTETyP+7uEi4HdtZjIVdHuE+\nfEWDORwhQahpYRufXklUkUjRS/Zeh2t88mMFba0Alfe6t9s88k0iTNGjed+l\nyLrExNR6T5nFip4+pciZ6RaAxC2tK/SBBPQrTqrKvdJfmoYmyJPMc7dZUcy2\n0VKPCHSLp8NxOnVCf+QLhtfCLTVxzaOTk5wKuqiLxB8r4z4PCwojAMLgQ8wh\nG7d3HzI/uWyZSwNMJUDJ9h0PXsk+GD6G5yQrX1AZGszbY2alRa4/YjdRxORH\nl06OApebBy/vRz6SEUvMuHXhCY1Y8ix2/o6L73h3rxZazQVvlbPWnLLVTnyn\nhs9wDdg/wHVSGw6RbL1Soeq4Pj38/l763GYVVY72sS6CkqnCaehnk9zUFDWN\nHJ57sWc0P+Jedywi6kMMHv+MAo1ljAAt6vCeHnWj/nGfPemVJLTrB8IQoRRp\ndFgJ\r\n=ie3E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFsQGtA702i7JkG1tHuvu8SFS85k8sOwRBx5UNaWs3X1AiBuIa/gpRPwq2v0BZf4V944+FTVcBWWjEzRXh/q/+1COg=="}]},"maintainers":[{"name":"playerljc","email":"playerljc@163.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-messagedialog-sd_1.0.0_1563503100521_0.07877672673820868"},"_hasShrinkwrap":false},"1.0.1":{"name":"@ctmobile/ui-messagedialog-sd","version":"1.0.1","description":"支持移动端的UI组件-消息对话框","main":"lib/messagedialog.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","doc":"jsdoc src README.md -d doc -u doc/tutorials","buildpackage":"ctcopy ../src src && ctbuild buildpackage"},"repository":{"type":"git","url":"git+https://github.com/playerljc/CTMobile-UI.git"},"keywords":["messagedialog","CtMobile","CTMibole-UI","mobile","webapp","SPA","Hybrid","Cordova","Android","iOS","Material","playerljc","WebFramework"],"author":{"name":"playerljc","email":"playerljc@163.com"},"license":"MIT","bugs":{"url":"https://github.com/playerljc/CTMobile-UI/issues"},"homepage":"https://github.com/playerljc/CTMobile-UI#readme","dependencies":{"@babel/runtime":"^7.2.0"},"devDependencies":{"@ctsj/build":"^1.0.11","font-awesome":"^4.7.0","jquery":"^3.3.1","load-awesome":"^1.1.0","lodash":"^4.17.11"},"_id":"@ctmobile/ui-messagedialog-sd@1.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"playerljc","email":"playerljc@163.com"},"dist":{"integrity":"sha512-9gEOOBlRc7iDBtX4E5bPxAxTS/LZmmfsR1maK/YGZ97eYBNQ7YtgjMTBChH3usZrKKLYwe9+/+0nKEWQaZyOCg==","shasum":"c73cd78196755b86ac3c517d4bbe9d70949a958e","tarball":"https://registry.npmjs.org/@ctmobile/ui-messagedialog-sd/-/ui-messagedialog-sd-1.0.1.tgz","fileCount":10,"unpackedSize":114800,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdgep6CRA9TVsSAnZWagAAsJIP/R2YO1ZNZj56vdXEtUEm\n0fLTc2uGKkh1/+bXI7uS80kSHVVS2JuoXbLXy6fHXbL2b86UOYLEZRKPzIiN\nfGN6BQVtx0ofsf9iuvMYS/UAYeTaHqhw9O95SmCwcUq4TAYlaNO/Vn532Jm3\nXbh7PcESDrL9pQNncUBk/EZW2M4nsPYBKjs9bJXPGMzFfXee2tT1Cw0o0INV\nTOJV6/kpoFFyaRJybvAv1+B3HCi+uLrcC3neYvVgy9G4SCc4ifSXNmJDPHmc\nTgukJx98EiN4xDKB+BeXx80Q7+eHko+pNsp2q1AuS11AyEIwavfxzSYkxwQf\nu2DCUl69J+ptz4lUvoMzlF33qFzqrRCiRG/SWq26cbl1mm8ghuvyks7TV86q\nHcSLCmAJHvYKPtuOgXn5mnN3/GAi3ViKrc22dNB34s7xY8mssXyy8ciKQa/r\nhl52sp9HxTqUMuDU89URP/bjMf5J8J+eEOdlo3YhSx5kh+Gpq3w55aGTxMzK\n3VKiyIBXoK0X8Yu3i73vGWiITISZLGmppDnJc5zqOmOWXlzQZYHg5e3T22dF\nflUjEJsQ8g8nZYIvzyuTw80KGEv63KLB3gW9cB+xYSG6zRVfNGoQ+gTnc63G\nfSr3MbMXrlM5aDFqBlyC5M4NpJ/uFZkL3JyMaHXz/ScGyPbSrJ9UyKeBLuH1\n/mEx\r\n=01Zn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGqjZzUiuKPXIgpLtQyghxsp2wOhLijZIAWfNz7QM23uAiBxpierhB0ktaHlELQN99SLOGZaFgK/9B5U1nKH/rVDiA=="}]},"maintainers":[{"name":"playerljc","email":"playerljc@163.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-messagedialog-sd_1.0.1_1568795257882_0.3646004212359977"},"_hasShrinkwrap":false}},"time":{"created":"2019-07-19T02:25:00.347Z","1.0.0":"2019-07-19T02:25:00.645Z","modified":"2022-04-05T02:04:08.249Z","1.0.1":"2019-09-18T08:27:38.008Z"},"maintainers":[{"name":"playerljc","email":"playerljc@163.com"}],"description":"支持移动端的UI组件-消息对话框","homepage":"https://github.com/playerljc/CTMobile-UI#readme","keywords":["messagedialog","CtMobile","CTMibole-UI","mobile","webapp","SPA","Hybrid","Cordova","Android","iOS","Material","playerljc","WebFramework"],"repository":{"type":"git","url":"git+https://github.com/playerljc/CTMobile-UI.git"},"author":{"name":"playerljc","email":"playerljc@163.com"},"bugs":{"url":"https://github.com/playerljc/CTMobile-UI/issues"},"license":"MIT","readme":"# MessageDialog\r\n\r\n* 对话框类型\r\n  - toast\r\n    + showTop\r\n    + showCenter\r\n    + showBottom\r\n  - [alert](#messagedialog-type-alert)\r\n  - [confirm](#messagedialog-type-confirm)\r\n  - prompt\r\n    + [input](#messagedialog-type-prompt)\r\n    + [textarea](#messagedialog-type-promptmulit)\r\n  - [custom](#messagedialog-type-custom)\r\n  - [infinite](#messagedialog-type-infinite)\r\n  - [determined](#messagedialog-type-determined)\r\n  - loading\r\n    + [nonetwork](#messagedialog-type-loading-nonetwork)\r\n    + [fail](#messagedialog-type-loading-fail)\r\n    + [loading](#messagedialog-type-loading-loading)\r\n    + [empty](#messagedialog-type-loading-empty)\r\n    + [submit](#messagedialog-type-loading-submit)\r\n* [例子](#messagedialog-demo)\r\n* [方法](#messagedialog-methods)\r\n\r\n## toast-showTop\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\nMessageDialog.makeText({\r\n  parent: document.body,\r\n  text: 'this is a top toast',\r\n  position: 'top',\r\n  duration: 'short',\r\n});\r\n\r\n```\r\n\r\n## toast-showCenter\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\nMessageDialog.makeText({\r\n  parent: document.body,\r\n  text: 'this is a center toast',\r\n  position: 'center',\r\n  duration: 'short',\r\n});\r\n\r\n```\r\n\r\n## toast-showBottom\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\nMessageDialog.makeText({\r\n  parent: document.body,\r\n  text: 'this is a bottom toast',\r\n  position: 'bottom',\r\n  duration: 'short',\r\n});\r\n\r\n```\r\n\r\n## alert\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\nconst alert = MessageDialog.alert({\r\n  parent: document.body,\r\n  title: '提示',\r\n  text: '这是一个弹出框',\r\n  icon: 'icon-exclamation-sign',\r\n  callback() {\r\n    console.log('callback');\r\n  },\r\n});\r\n\r\n```\r\n\r\n## confirm\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\nMessageDialog.confirm({\r\n  parent: document.body,\r\n  title: '提示',\r\n  text: '您真的要删除此条记录吗？',\r\n  icon: 'icon-exclamation-sign',\r\n  callback(flag) {\r\n    console.log(`flag:${flag}`);\r\n    if (flag === 0) {\r\n      MessageDialog.alert({\r\n        parent: document.body,\r\n        title: '提示',\r\n        text: '删除成功',\r\n        icon: 'icon-exclamation-sign',\r\n        callback() {\r\n          console.log('callback');\r\n        },\r\n      });\r\n    }\r\n  },\r\n});\r\n\r\n```\r\n\r\n## prompt\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\nMessageDialog.prompt({\r\n  parent: document.body,\r\n  title: '提示',\r\n  text: '请输入您的有效地址',\r\n  icon: 'icon-exclamation-sign',\r\n  defaultVal: '辽宁省沈阳市',\r\n  placeholder: '请输入您的有效地址',\r\n  callback(flag, val) {\r\n    console.log(`flag:${flag}`);\r\n    if (flag === 0) {\r\n      MessageDialog.alert({\r\n        parent: document.body,\r\n        title: '提示',\r\n        text: val,\r\n        icon: 'icon-exclamation-sign',\r\n        callback() {\r\n          console.log('callback');\r\n        },\r\n      });\r\n    }\r\n  },\r\n});\r\n\r\n```\r\n\r\n## promptmulit\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\nMessageDialog.promptmulit({\r\n  parent: document.body,\r\n  title: '提示',\r\n  text: '请输入您的有效地址',\r\n  icon: 'icon-exclamation-sign',\r\n  defaultVal: '辽宁省沈阳市',\r\n  placeholder: '请输入您的有效地址',\r\n  callback(flag, val) {\r\n    console.log(`flag:${flag}`);\r\n    if (flag === 0) {\r\n      MessageDialog.alert({\r\n        parent: document.body,\r\n        title: '提示',\r\n        text: val,\r\n        icon: 'icon-exclamation-sign',\r\n        callback() {\r\n          console.log('callback');\r\n        },\r\n      });\r\n    }\r\n  },\r\n});\r\n\r\n```\r\n\r\n## custom\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\nconst dialog = MessageDialog.customDialog({\r\n  parent: document.body,\r\n  title: '自定义',\r\n  html: <pre>\r\n        <code class=\"html\">\r\n        `<form class=\"form\">\r\n           <label for=\"name\">用户名</label>\r\n           <input type=\"text\">\r\n        </form>`\r\n        </code>\r\n        </pre>,\r\n  buttons: [{\r\n    text: '确定',\r\n    handler() {\r\n      dialog.close();\r\n      MessageDialog.alert({\r\n        parent: document.body,\r\n        title: '提示',\r\n        text: '点击了确定',\r\n        icon: 'icon-exclamation-sign',\r\n        callback() {\r\n          alert(dialog.el.querySelector('.form > input').value);\r\n        },\r\n      });\r\n    },\r\n  }, {\r\n    text: '关闭',\r\n    handler() {\r\n      dialog.close();\r\n    },\r\n  }],\r\n  rendercallback() {\r\n    console.log('renderSuccess');\r\n  },\r\n});\r\n\r\n```\r\n\r\n## infinite\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\n$parent.find('.infinite')[0].addEventListener('click', () => {\r\n  const dialog = MessageDialog.infiniteProgressDialog({\r\n    parent: $container[0],\r\n    title: 'infinite ProgressDialog',\r\n    text: 'Loading...',\r\n    buttons: [{\r\n      text: '确定',\r\n      handler() {\r\n        dialog.close();\r\n        MessageDialog.alert({\r\n          parent: $container[0],\r\n          title: '提示',\r\n          text: '点击了确定',\r\n          icon: 'icon-exclamation-sign',\r\n          callback() {\r\n            alert(dialog.el.querySelector('.form > input').value);\r\n          },\r\n        });\r\n      },\r\n    }, {\r\n      text: '关闭',\r\n      handler() {\r\n        dialog.close();\r\n      },\r\n    }],\r\n    rendercallback() {\r\n      console.log('renderSuccess');\r\n    },\r\n  });\r\n});\r\n\r\n```\r\n\r\n## determined\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\n$parent.find('.determined')[0].addEventListener('click', () => {\r\n  let value = 0;\r\n  let handler;\r\n  const dialog = MessageDialog.determinedProgressDialog({\r\n    parent: $container[0],\r\n    title: 'determined ProgressDialog',\r\n    text: 'Loading...',\r\n    buttons: [{\r\n      text: '确定',\r\n      handler() {\r\n        dialog.close();\r\n        MessageDialog.alert({\r\n          parent: $container[0],\r\n          title: '提示',\r\n          text: '点击了确定',\r\n          icon: 'icon-exclamation-sign',\r\n          callback() {\r\n            alert(dialog.el.querySelector('.form > input').value);\r\n          },\r\n        });\r\n      },\r\n    }, {\r\n      text: '关闭',\r\n      handler() {\r\n        dialog.close();\r\n      },\r\n    }],\r\n    rendercallback() {\r\n      console.log('renderSuccess');\r\n      handler = setInterval(() => {\r\n        dialog.setValue(++value);\r\n      }, 500);\r\n    },\r\n    completecallback() {\r\n      dialog.close();\r\n      clearInterval(handler);\r\n    },\r\n    changecallback() {\r\n\r\n    },\r\n  });\r\n});\r\n\r\n```\r\n\r\n## nonetwork\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\nconst loadingDialog = MessageDialog.makeLoading({\r\n  parent: document.body,\r\n  refreshCallback() {\r\n    alert('点击了刷新');\r\n    loadingDialog.hide();\r\n  },\r\n  boundingCallback() {\r\n    return {\r\n      top: '0',\r\n      bottom: '0',\r\n    };\r\n  },\r\n  isShowHeader() {\r\n    return true;\r\n  },\r\n});\r\n\r\nloadingDialog.setNoNetWorkTip('请检查网络！');\r\nloadingDialog.showNoNetWork();\r\n\r\n```\r\n\r\n## fail\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\nconst loadingDialog = MessageDialog.makeLoading({\r\n  parent: document.body,\r\n  refreshCallback() {\r\n    alert('点击了刷新');\r\n    loadingDialog.hide();\r\n  },\r\n  boundingCallback() {\r\n    return {\r\n      top: '0',\r\n      bottom: '0',\r\n    };\r\n  },\r\n  isShowHeader() {\r\n    return true;\r\n  },\r\n});\r\n\r\nloadingDialog.setFailTip('程序发成异常请重试！');\r\nloadingDialog.showFail();\r\n\r\n```\r\n\r\n## loading\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\nconst loadingDialog = MessageDialog.makeLoading({\r\n  parent: document.body,\r\n  refreshCallback() {\r\n    alert('点击了刷新');\r\n    loadingDialog.hide();\r\n  },\r\n  boundingCallback() {\r\n    return {\r\n      top: '0',\r\n      bottom: '0',\r\n    };\r\n  },\r\n  isShowHeader() {\r\n    return true;\r\n  },\r\n});\r\n\r\nloadingDialog.showLoading();\r\nsetTimeout(() => {\r\n  loadingDialog.hide();\r\n}, 5000);\r\n\r\n```\r\n\r\n## empty\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\nconst loadingDialog = MessageDialog.makeLoading({\r\n  parent: document.body,\r\n  refreshCallback() {\r\n    alert('点击了刷新');\r\n    loadingDialog.hide();\r\n  },\r\n  boundingCallback() {\r\n    return {\r\n      top: '0',\r\n      bottom: '0',\r\n    };\r\n  },\r\n  isShowHeader() {\r\n    return true;\r\n  },\r\n});\r\n\r\nloadingDialog.setEmptyTip('暂无数据！');\r\nloadingDialog.showEmpty();\r\n\r\n```\r\n\r\n## submit\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\nconst loadingDialog = MessageDialog.makeLoading({\r\n  parent: document.body,\r\n  refreshCallback() {\r\n    alert('点击了刷新');\r\n    loadingDialog.hide();\r\n  },\r\n  boundingCallback() {\r\n    return {\r\n      top: '0',\r\n      bottom: '0',\r\n    };\r\n  },\r\n  isShowHeader() {\r\n    return true;\r\n  },\r\n});\r\n\r\nloadingDialog.showSubmit();\r\nsetTimeout(() => {\r\n  loadingDialog.hide();\r\n}, 5000);\r\n\r\n```\r\n\r\n## 例子\r\n\r\n#### html\r\n\r\n```\r\n\r\n        <ul class=\"messagedialog-demo-wrap\">\r\n          <li class=\"showTop\">show top toast</li>\r\n          <li class=\"showCenter\">show center toast</li>\r\n          <li class=\"showBottom\">show bottom toast</li>\r\n          <li class=\"alert\">show alert</li>\r\n          <li class=\"confirm\">show confirm</li>\r\n          <li class=\"prompt\">show prompt</li>\r\n          <li class=\"custom\">show custom</li>\r\n          <li class=\"infinite\">show infinite</li>\r\n          <li class=\"determined\">show determined</li>\r\n          <li class=\"loadingNonetwork\">show nonetwork</li>\r\n          <li class=\"loadingFail\">show fail</li>\r\n          <li class=\"loadingLoading\">show loading</li>\r\n          <li class=\"loadingEmpty\">show empty</li>\r\n          <li class=\"loadingSubmit\">show submit</li>\r\n        </ul>\r\n\r\n```\r\n\r\n#### js\r\n\r\n```\r\n\r\nimport $ from 'jquery';\r\nimport MessageDialog from '@ctmobile/ui-messagedialog';\r\nimport '@ctmobile/ui-messagedialog/themes/default/messagedialog.less';\r\nimport '@ctmobile/ui-messagedialog/messagedialog.less';\r\n\r\nconst $container = $('.ctmobile-ui-doc-demo-device-inner');\r\nconst $parent = $container.find(' .messagedialog-demo-wrap');\r\n\r\n$parent.find('.alert')[0].addEventListener('click', () => {\r\n  const alert = MessageDialog.alert({\r\n    parent: $container[0],\r\n    title: '提示',\r\n    text: '这是一个弹出框',\r\n    icon: 'icon-exclamation-sign',\r\n    callback() {\r\n      console.log('callback');\r\n    },\r\n  });\r\n});\r\n\r\n$parent.find('.confirm')[0].addEventListener('click', () => {\r\n  MessageDialog.confirm({\r\n    parent: $container[0],\r\n    title: '提示',\r\n    text: '您真的要删除此条记录吗？',\r\n    icon: 'icon-exclamation-sign',\r\n    callback(flag) {\r\n      console.log(`flag:${flag}`);\r\n      if (flag === 0) {\r\n        MessageDialog.alert({\r\n          parent: $container[0],\r\n          title: '提示',\r\n          text: '删除成功',\r\n          icon: 'icon-exclamation-sign',\r\n          callback() {\r\n            console.log('callback');\r\n          },\r\n        });\r\n      }\r\n    },\r\n  });\r\n});\r\n\r\n$parent.find('.prompt')[0].addEventListener('click', () => {\r\n  MessageDialog.prompt({\r\n    parent: $container[0],\r\n    title: '提示',\r\n    text: '请输入您的有效地址',\r\n    icon: 'icon-exclamation-sign',\r\n    defaultVal: '辽宁省沈阳市',\r\n    placeholder: '请输入您的有效地址',\r\n    callback(flag, val) {\r\n      console.log(`flag:${flag}`);\r\n      if (flag === 0) {\r\n        MessageDialog.alert({\r\n          parent: $container[0],\r\n          title: '提示',\r\n          text: val,\r\n          icon: 'icon-exclamation-sign',\r\n          callback() {\r\n            console.log('callback');\r\n          },\r\n        });\r\n      }\r\n    },\r\n  });\r\n});\r\n\r\n$parent.find('.showTop')[0].addEventListener('click', () => {\r\n  for (let i = 0; i < 5; i++) {\r\n    MessageDialog.makeText({\r\n      parent: $container[0],\r\n      text: 'this is a top toast',\r\n      position: 'top',\r\n      duration: 'short',\r\n    });\r\n  }\r\n});\r\n\r\n$parent.find('.showCenter')[0].addEventListener('click', () => {\r\n  MessageDialog.makeText({\r\n    parent: $container[0],\r\n    text: 'this is a center toast',\r\n    position: 'center',\r\n    duration: 'short',\r\n  });\r\n});\r\n\r\n$parent.find('.showBottom')[0].addEventListener('click', () => {\r\n  MessageDialog.makeText({\r\n    parent: $container[0],\r\n    text: 'this is a bottom toast',\r\n    position: 'bottom',\r\n    duration: 'short',\r\n  });\r\n});\r\n\r\nconst loadingDialog = MessageDialog.makeLoading({\r\n  parent: $container[0],\r\n  refreshCallback() {\r\n    alert('点击了刷新');\r\n    loadingDialog.hide();\r\n  },\r\n  boundingCallback() {\r\n    return {\r\n      top: '0',\r\n      bottom: '0',\r\n    };\r\n  },\r\n  isShowHeader() {\r\n    return true;\r\n  },\r\n});\r\n\r\n$parent.find('.loadingNonetwork')[0].addEventListener('click', () => {\r\n  loadingDialog.setNoNetWorkTip('请检查网络！');\r\n  loadingDialog.showNoNetWork();\r\n});\r\n\r\n$parent.find('.loadingFail')[0].addEventListener('click', () => {\r\n  loadingDialog.setFailTip('程序发成异常请重试！');\r\n  loadingDialog.showFail();\r\n});\r\n\r\n$parent.find('.loadingLoading')[0].addEventListener('click', () => {\r\n  loadingDialog.showLoading();\r\n  setTimeout(() => {\r\n    loadingDialog.hide();\r\n  }, 5000);\r\n});\r\n\r\n$parent.find('.loadingEmpty')[0].addEventListener('click', () => {\r\n  loadingDialog.setEmptyTip('暂无数据！');\r\n  loadingDialog.showEmpty();\r\n});\r\n\r\n$parent.find('.loadingSubmit')[0].addEventListener('click', () => {\r\n  loadingDialog.showSubmit();\r\n  setTimeout(() => {\r\n    loadingDialog.hide();\r\n  }, 5000);\r\n});\r\n\r\n$parent.find('.custom')[0].addEventListener('click', () => {\r\n  const dialog = MessageDialog.customDialog({\r\n    parent: $container[0],\r\n    title: '自定义',\r\n    html: <pre>\r\n          <code class=\"html\">\r\n            `<form class=\"form\">\r\n               <label for=\"name\">用户名</label>\r\n               <input type=\"text\">\r\n            </form>`\r\n          </code>\r\n        </pre>\r\n    buttons: [{\r\n      text: '确定',\r\n      handler() {\r\n        dialog.close();\r\n        MessageDialog.alert({\r\n          parent: $container[0],\r\n          title: '提示',\r\n          text: '点击了确定',\r\n          icon: 'icon-exclamation-sign',\r\n          callback() {\r\n            alert(dialog.el.querySelector('.form > input').value);\r\n          },\r\n        });\r\n      },\r\n    }, {\r\n      text: '关闭',\r\n      handler() {\r\n        dialog.close();\r\n      },\r\n    }],\r\n    rendercallback() {\r\n      console.log('renderSuccess');\r\n    },\r\n  });\r\n});\r\n\r\n$parent.find('.infinite')[0].addEventListener('click', () => {\r\n  const dialog = MessageDialog.infiniteProgressDialog({\r\n    parent: $container[0],\r\n    title: 'infinite ProgressDialog',\r\n    text: 'Loading...',\r\n    buttons: [{\r\n      text: '确定',\r\n      handler() {\r\n        dialog.close();\r\n        MessageDialog.alert({\r\n          parent: $container[0],\r\n          title: '提示',\r\n          text: '点击了确定',\r\n          icon: 'icon-exclamation-sign',\r\n          callback() {\r\n            alert(dialog.el.querySelector('.form > input').value);\r\n          },\r\n        });\r\n      },\r\n    }, {\r\n      text: '关闭',\r\n      handler() {\r\n        dialog.close();\r\n      },\r\n    }],\r\n    rendercallback() {\r\n      console.log('renderSuccess');\r\n    },\r\n  });\r\n});\r\n\r\n$parent.find('.determined')[0].addEventListener('click', () => {\r\n  let value = 0;\r\n  let handler;\r\n  const dialog = MessageDialog.determinedProgressDialog({\r\n    parent: $container[0],\r\n    title: 'determined ProgressDialog',\r\n    text: 'Loading...',\r\n    buttons: [{\r\n      text: '确定',\r\n      handler() {\r\n        dialog.close();\r\n        MessageDialog.alert({\r\n          parent: $container[0],\r\n          title: '提示',\r\n          text: '点击了确定',\r\n          icon: 'icon-exclamation-sign',\r\n          callback() {\r\n            alert(dialog.el.querySelector('.form > input').value);\r\n          },\r\n        });\r\n      },\r\n    }, {\r\n      text: '关闭',\r\n      handler() {\r\n        dialog.close();\r\n      },\r\n    }],\r\n    rendercallback() {\r\n      console.log('renderSuccess');\r\n      handler = setInterval(() => {\r\n        dialog.setValue(++value);\r\n      }, 500);\r\n    },\r\n    completecallback() {\r\n      dialog.close();\r\n      clearInterval(handler);\r\n    },\r\n    changecallback() {\r\n\r\n    },\r\n  });\r\n});\r\n\r\n```\r\n\r\n## 方法\r\n\r\nalert({ parent, title, text, icon, callback}) - 显示一个消息提示框\r\n\r\n* parent-HtmlElement父容器dom\r\n* title-string标题\r\n* text-string内容\r\n* icon-string图标<br>\r\nicon-exclamation-sign<br>\r\nicon-off<br>\r\nicon-ok-sign<br>\r\nicon-info-sign<br>\r\nicon-remove-sign<br>\r\nicon-user<br>\r\nicon-key<br>\r\nicon-home\r\n* callback-Function点击确定回调函数\r\n* 返回值-Object\r\n  -close() - 关闭对话框\r\n\r\nconfirm({ parent, title, text, icon, callback}) - 显示一个确认对话框\r\n\r\n* parent-HtmlElement父容器dom\r\n* title-string标题\r\n* text-string内容\r\n* icon-string图标<br>\r\nicon-exclamation-sign<br>\r\nicon-off<br>\r\nicon-ok-sign<br>\r\nicon-info-sign<br>\r\nicon-remove-sign<br>\r\nicon-user<br>\r\nicon-key<br>\r\nicon-home\r\n* callback-Function点击确定回调函数(flag [0 | 1] 0确定 1取消)\r\n\r\nprompt({ parent, title, text, icon, defaultVal, placeholder, value, callback}) - 弹出一个带有input的对话框\r\n\r\n* parent-HtmlElement父容器dom\r\n* title-string标题\r\n* text-string内容\r\n* icon-string图标<br>\r\nicon-exclamation-sign<br>\r\nicon-off<br>\r\nicon-ok-sign<br>\r\nicon-info-sign<br>\r\nicon-remove-sign<br>\r\nicon-user<br>\r\nicon-key<br>\r\nicon-home\r\n* defaultVal-string缺省值\r\n* placeholder-stringstring input的缺省提示\r\n* value-string输入的值\r\n* callback-Function点击确定回调函数(flag [0 | 1] 0确定 1取消)\r\n\r\npromptmulit({ parent, title, text, icon, defaultVal, placeholder, value, callback}) - 弹出一个带有textarea的对话框\r\n\r\n* parent-HtmlElement父容器dom\r\n* title-string标题\r\n* text-string内容\r\n* icon-string图标<br>\r\nicon-exclamation-sign<br>\r\nicon-off<br>\r\nicon-ok-sign<br>\r\nicon-info-sign<br>\r\nicon-remove-sign<br>\r\nicon-user<br>\r\nicon-key<br>\r\nicon-home\r\n* defaultVal-string缺省值\r\n* placeholder-stringstring input的缺省提示\r\n* value-string输入的值\r\n* callback-Function点击确定回调函数(flag [0 | 1] 0确定 1取消)\r\n\r\ncustomDialog({ parent, title, html, buttons, rendercallback}) - 弹出一个带有textarea的对话框\r\n\r\n* parent-HtmlElement父容器dom\r\n* title-string标题\r\n* html-string内容\r\n* buttons-Array({text:string 按钮文字,handler:Function 按钮点击回调})按钮\r\n* rendercallback-Function渲染后的回调函数\r\n* 返回值-Object\r\n  -close() - 关闭对话框\r\n  - el-HtmlElement对话框的el\r\n\r\ninfiniteProgressDialog({ parent, title, text, buttons, rendercallback}) - 无限进度的对话框\r\n\r\n* parent-HtmlElement父容器dom\r\n* title-string标题\r\n* text-string内容\r\n* buttons-Array({text:string 按钮文字,handler:Function 按钮点击回调})按钮\r\n* rendercallback-Function渲染后的回调函数\r\n* 返回值-Object\r\n  -close() - 关闭对话框\r\n  - el-HtmlElement对话框的el\r\n\r\ndeterminedProgressDialog({ parent, title, text, format, total, buttons, rendercallback}, completecallback}, changecallback}) - 进度对话框\r\n\r\n* parent-HtmlElement父容器dom\r\n* title-string标题\r\n* text-string内容\r\n* format-string进度显示文本 默认:<%=value%> of <%=total%> <%=value%>当前值 <%=total%>总的值\r\n* total-number总的进度值\r\n* buttons-Array({text:string 按钮文字,handler:Function 按钮点击回调})按钮\r\n* rendercallback-Function渲染后的回调函数\r\n* completecallback-Function进度完成后的回调\r\n* changecallback-Function进度改变的回调\r\n* 返回值-Object\r\n  -close() - 关闭对话框\r\n  - setValue-Function设置对话框的进度值\r\n\r\nmakeText({ parent, text, position, duration) - 显示一个toast\r\n\r\n* parent-HtmlElement父容器dom\r\n* text-string内容\r\n* position-string位置 [top | bottom | center] default bottom\r\n* duration-string持续时间 [long | short] default short\r\n\r\nmakeLoading({ parent, tip, refreshCallback, boundingCallback, isShowHeader) - 显示一个toast\r\n\r\n* parent-HtmlElement父容器dom\r\n* tip-string提示\r\n* refreshCallback-Function重新加载数据的回调函数\r\n* boundingCallback-Object加载loading,empty的时候top和bottom的值,nonetwork,fail,submit 不需要设置 {top:\"\",bottom:\"\"}\r\n* isShowHeader-booleannonetwork,fail 是否需要显示头\r\n* 返回值-Object\r\n  -setLoadingTip(tip) - 设置loading的tip\r\n    + tip-string提示信息\r\n  - setNoNetWorkTip(tip) - 设置nonetwork的tip\r\n    + tip-string提示信息\r\n  - setFailTip(tip) - 设置fail的tip\r\n    + tip-string提示信息\r\n  - setEmptyTip(tip) - 设置empty的tip\r\n    + tip-string提示信息\r\n  - setSubmitTip(tip) - 设置submit的tip\r\n    + tip-string提示信息\r\n  - showLoading() - 显示loading\r\n  - showEmpty() - 显示empty\r\n  - showNoNetWork() - 显示nonetwork\r\n  - showFail() - 显示fail\r\n  - showSubmit() - 显示submit\r\n  - hide() - 关闭loadingDialog\r\n  - close() - 删除loadingDialog\r\n  - isShowLoading() - 是否显示loading\r\n  - isShowNoNetWork() - 是否显示NoNetwork\r\n  - isShowFail() - 是否显示fail\r\n  - isShowEmpty() - 是否显示empty\r\n  - isShowSubmit() - 是否显示submit\r\n  - getParent() - 获取parent的el\r\n","readmeFilename":"README.md"}