{"version":3,"file":"su-toolbar.js","sources":["../../../../../../src/sheep/ui/su-toolbar/su-toolbar.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC91aS9zdS10b29sYmFyL3N1LXRvb2xiYXIudnVl"],"sourcesContent":["<template>\r\n  <view class=\"u-toolbar\" @touchmove.stop.prevent=\"noop\" v-if=\"show\">\r\n    <view class=\"u-toolbar__cancel__wrapper\" hover-class=\"u-hover-class\">\r\n      <text\r\n        class=\"u-toolbar__wrapper__cancel\"\r\n        @tap=\"cancel\"\r\n        :style=\"{\r\n          color: cancelColor,\r\n        }\"\r\n      >\r\n        {{ cancelText }}\r\n      </text>\r\n    </view>\r\n    <text class=\"u-toolbar__title u-line-1\" v-if=\"title\">{{ title }}</text>\r\n    <view class=\"u-toolbar__confirm__wrapper\" hover-class=\"u-hover-class\">\r\n      <text\r\n        class=\"u-toolbar__wrapper__confirm\"\r\n        @tap=\"confirm\"\r\n        :style=\"{\r\n          color: confirmColor,\r\n        }\"\r\n      >\r\n        {{ confirmText }}\r\n      </text>\r\n    </view>\r\n  </view>\r\n</template>\r\n\r\n<script>\r\n/**\r\n * Toolbar 工具条\r\n * @description\r\n * @tutorial https://www.uviewui.com/components/toolbar.html\r\n * @property {Boolean}\tshow\t\t\t是否展示工具条（默认 true ）\r\n * @property {String}\tcancelText\t\t取消按钮的文字（默认 '取消' ）\r\n * @property {String}\tconfirmText\t\t确认按钮的文字（默认 '确认' ）\r\n * @property {String}\tcancelColor\t\t取消按钮的颜色（默认 '#909193' ）\r\n * @property {String}\tconfirmColor\t确认按钮的颜色（默认 '#3c9cff' ）\r\n * @property {String}\ttitle\t\t\t标题文字\r\n * @event {Function}\r\n * @example\r\n */\r\nexport default {\r\n  name: 'SuToolbar',\r\n  props: {\r\n    // 是否展示工具条\r\n    show: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    // 取消按钮的文字\r\n    cancelText: {\r\n      type: String,\r\n      default: '取消',\r\n    },\r\n    // 确认按钮的文字\r\n    confirmText: {\r\n      type: String,\r\n      default: '确认',\r\n    },\r\n    // 取消按钮的颜色\r\n    cancelColor: {\r\n      type: String,\r\n      default: '#909193',\r\n    },\r\n    // 确认按钮的颜色\r\n    confirmColor: {\r\n      type: String,\r\n      default: '#3c9cff',\r\n    },\r\n    // 标题文字\r\n    title: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n  },\r\n  methods: {\r\n    // 点击取消按钮\r\n    cancel() {\r\n      this.$emit('cancel')\r\n    },\r\n    // 点击确定按钮\r\n    confirm() {\r\n      this.$emit('confirm')\r\n    },\r\n    // 阻止事件冒泡\r\n    preventEvent(e) {\r\n      e && typeof e.stopPropagation === 'function' && e.stopPropagation()\r\n    },\r\n    // 空操作\r\n    noop(e) {\r\n      this.preventEvent(e)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.u-toolbar {\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  height: 42px;\r\n  @include flex;\r\n\r\n  &__wrapper {\r\n    &__cancel {\r\n      padding: 0 15px;\r\n      font-size: 15px;\r\n      color: #111111;\r\n    }\r\n  }\r\n\r\n  &__title {\r\n    flex: 1;\r\n    padding: 0 60rpx;\r\n    font-size: 16px;\r\n    color: #000000;\r\n    text-align: center;\r\n  }\r\n\r\n  &__wrapper {\r\n    &__confirm {\r\n      padding: 0 15px;\r\n      font-size: 15px;\r\n      color: #ffffff;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/sheep/ui/su-toolbar/su-toolbar.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;AA0CA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA;AAAA,IAEL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA,IAED,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA,IAED,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA,IAED,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA,IAED,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA,IAED,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EACD,SAAS;AAAA;AAAA,IAEP,SAAS;AACP,WAAK,MAAM,QAAQ;AAAA,IACpB;AAAA;AAAA,IAED,UAAU;AACR,WAAK,MAAM,SAAS;AAAA,IACrB;AAAA;AAAA,IAED,aAAa,GAAG;AACd,WAAK,OAAO,EAAE,oBAAoB,cAAc,EAAE,gBAAgB;AAAA,IACnE;AAAA;AAAA,IAED,KAAK,GAAG;AACN,WAAK,aAAa,CAAC;AAAA,IACpB;AAAA,EACF;AACH;;;;;;;;;;;;;;;;;;;AC7FA,GAAG,gBAAgB,SAAS;"}