bulade-ui 1.0.0

package/miniprogram_dist/bld-wrapper/index.js

@@ -0,0 +1,172 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 19);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 19:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var app = getApp();
+
+var menuButtonInfo = app.globalData.menuButtonDistance;
+var systemInfo = app.globalData.systemInfo;
+// 计算 tab bar 的高度
+var safeArea = systemInfo.safeArea;
+var saleAreaHeight = systemInfo.screenHeight - safeArea.bottom;
+var tabBarHeight = 60 + saleAreaHeight;
+
+// 计算 nav bar 的高度
+var statusBarHeight = systemInfo.statusBarHeight;
+var gap = menuButtonInfo.top - statusBarHeight;
+
+var navBarHeight = statusBarHeight + menuButtonInfo.height + gap * 2;
+
+// 占据 nav bar 和 tab bar 之间的空间
+var navToTab = {
+  top: navBarHeight + "px",
+  height: "calc(100% - " + navBarHeight + "px - " + tabBarHeight + "px)"
+};
+
+// 占据 nav bar 页面底部的空间
+var navToBottom = {
+  top: navBarHeight + "px",
+  height: "calc(100% - " + navBarHeight + "px)"
+};
+
+// 从页面顶部到 tab bar 之间的空间
+var topToTab = {
+  top: "0px",
+  height: "calc(100% - " + tabBarHeight + "px)"
+};
+
+// 占据所有空间
+var topToBottom = {
+  top: "0px",
+  height: "100%"
+};
+
+var modeStyleMap = {
+  "nav-to-tab": navToTab,
+  "nav-to-bottom": navToBottom,
+  "top-to-tab": topToTab,
+  "top-to-bottom": topToBottom
+};
+
+function modeToStyle(mode) {
+  var styles = modeStyleMap[mode];
+  return Object.keys(styles).map(function (key) {
+    return key + ": " + styles[key];
+  }).join(";");
+}
+
+Component({
+  externalClasses: ["iclass"],
+  properties: {
+    mode: {
+      type: String,
+      value: "nav-to-bottom"
+    }
+  },
+  data: {
+    style: "height:100%"
+  },
+
+  observers: {
+    mode: function mode() {
+      this.setData({
+        style: modeToStyle(this.data.mode)
+      });
+    }
+  }
+});
+
+/***/ })
+
+/******/ });

package/miniprogram_dist/bld-wrapper/index.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {}
+}

package/miniprogram_dist/bld-wrapper/index.wxml

@@ -0,0 +1,6 @@
+<view
+  class="iclass container"
+  style="{{ style }}"
+>
+  <slot />
+</view>

package/miniprogram_dist/bld-wrapper/index.wxss

@@ -0,0 +1,7 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  position: absolute;
+  width: 100%;
+}

package/miniprogram_dist/button/index.js

@@ -0,0 +1,197 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+  externalClasses: ['custom-class'],
+
+  options: {
+    addGlobalClass: true
+  },
+
+  properties: {
+    // ghost, primary, info, success, warning, error
+    type: {
+      type: String,
+      value: 'default'
+    },
+    plain: {
+      type: Boolean,
+      value: false
+    },
+    inline: {
+      type: Boolean,
+      value: false
+    },
+    size: {
+      type: String,
+      value: ''
+    },
+    round: {
+      type: Boolean,
+      value: false
+    },
+    disabled: {
+      type: Boolean,
+      value: false
+    },
+    loading: {
+      type: Boolean,
+      value: false
+    },
+    full: {
+      type: Boolean,
+      value: false
+    },
+    color: {
+      type: String,
+      value: ''
+    },
+    bgcolor: {
+      type: String,
+      value: ''
+    },
+    openType: String,
+    hoverStopPropagation: Boolean,
+    hoverStartTime: {
+      type: Number,
+      value: 20
+    },
+    hoverStayTime: {
+      type: Number,
+      value: 70
+    },
+    sendMessageTitle: String,
+    sendMessagePath: String,
+    sendMessageImg: String,
+    showMessageCard: Boolean
+  },
+
+  methods: {
+    onTap: function onTap() {
+      if (this.data.disabled) return false;
+      this.triggerEvent('click');
+    },
+    getuserinfo: function getuserinfo() {
+      var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref$detail = _ref.detail,
+          detail = _ref$detail === undefined ? {} : _ref$detail;
+
+      this.triggerEvent('getuserinfo', detail);
+    },
+    contact: function contact() {
+      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref2$detail = _ref2.detail,
+          detail = _ref2$detail === undefined ? {} : _ref2$detail;
+
+      this.triggerEvent('contact', detail);
+    },
+    getphonenumber: function getphonenumber() {
+      var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref3$detail = _ref3.detail,
+          detail = _ref3$detail === undefined ? {} : _ref3$detail;
+
+      this.triggerEvent('getphonenumber', detail);
+    },
+    error: function error() {
+      var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref4$detail = _ref4.detail,
+          detail = _ref4$detail === undefined ? {} : _ref4$detail;
+
+      this.triggerEvent('error', detail);
+    }
+  }
+});
+
+/***/ })
+/******/ ]);

package/miniprogram_dist/button/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

package/miniprogram_dist/button/index.wxml

@@ -0,0 +1,42 @@
+<button
+  class="m-button {{ full ? 'm-button--full' : '' }} {{ size ? 'm-button--' + size : '' }} {{ 'm-button--' + type }} {{ round ? 'is-round' : '' }} {{ plain ? 'is-plain' : '' }} {{ loading ? 'is-loading' : '' }} {{ disabled ? 'is-disabled' : ''}} {{ inline ? 'is-inline' : '' }} custom-class"
+  style="{{ button.getButtonStyle(color, bgcolor) }}"
+  hover-class="{{ loading || disabled ? '' : plain ? 'is-plain--hover' : 'is-hover' }}"
+  bind:tap="onTap"
+  open-type="{{ openType }}"
+  hover-stop-propagation="{{ hoverStopPropagation }}"
+  hover-start-time="{{ hoverStartTime }}"
+  hover-stay-time="{{ hoverStayTime }}"
+  send-message-title="{{ sendMessageTitle }}"
+  send-message-path="{{ sendMessagePath }}"
+  send-message-img="{{ sendMessageImg }}"
+  show-message-card="{{ showMessageCard }}"
+  bindcontact="contact"
+  bindgetuserinfo="getuserinfo"
+  bindgetphonenumber="getphonenumber"
+  binderror="error"
+  plain="true"
+>
+  <view wx:if="{{ loading }}" class="m-button__loading"></view>
+  <slot wx:else />
+</button>
+
+<wxs module="button">
+  function getButtonStyle(color, bgcolor) {
+
+    var styles = []
+    if(color) {
+      styles.push('color:' + color)
+    }
+
+    if(bgcolor) {
+      styles.push('background-color:' + bgcolor)
+    }
+
+    return styles.join(";")
+  }
+
+  module.exports = {
+    getButtonStyle: getButtonStyle
+  }
+</wxs>

package/miniprogram_dist/button/index.wxss

@@ -0,0 +1,176 @@
+.m-button {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 10px;
+  padding: 0 27rpx;
+  width: auto;
+  height: 86rpx;
+  line-height: 86rpx;
+  text-align: center;
+  vertical-align: middle;
+  white-space: nowrap;
+  letter-spacing: 4rpx;
+  font-size: 28rpx;
+  font-weight: normal;
+  border-radius: 6rpx;
+  border: 0 !important;
+  color: var(--color-text-primary, #303133);
+  overflow: visible;
+  box-sizing: border-box;
+  background-color: #fff;
+  transition: opacity 0.16s, background-color 0.16s;
+  /* plain */
+}
+.m-button .m-button__icon {
+  font-size: 28rpx;
+  width: 24rpx;
+  height: 24rpx;
+}
+.m-button.is-hover {
+  opacity: 0.8;
+}
+.m-button:not(.is-disabled).is-plain--hover::before, .m-button:not(.is-loading).is-plain--hover::before {
+  display: block;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  opacity: 0.15;
+  content: " ";
+  background-color: currentColor;
+}
+.m-button.is-round.is-plain--hover::before {
+  border-radius: 100rpx;
+}
+.m-button.m-button--full {
+  margin: 0;
+  border-radius: 0;
+  box-shadow: none;
+}
+.m-button.m-button--large {
+  padding: 0 32rpx;
+  height: 96rpx;
+  line-height: 96rpx;
+  font-size: 32rpx;
+}
+.m-button.m-button--small {
+  padding: 0 18rpx;
+  height: 68rpx;
+  line-height: 68rpx;
+}
+.m-button.m-button--primary {
+  color: #fff;
+  background-color: var(--color-primary, #409EFF);
+}
+.m-button.m-button--default {
+  background-color: transparent;
+  color: var(--color-text-primary, #303133);
+}
+.m-button.m-button--default::after {
+  content: " ";
+  display: block;
+  width: 200%;
+  height: 200%;
+  z-index: 1;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: 1px solid #dcdfe6;
+  transform: scale(0.5);
+  transform-origin: 0 0;
+  box-sizing: border-box;
+  border-radius: 6rpx;
+  pointer-events: none;
+}
+.m-button.m-button--default.is-hover {
+  background-color: rgba(0, 0, 0, 0.07);
+}
+.m-button.m-button--ghost {
+  background-color: transparent;
+  color: var(--color-text-primary, #303133);
+}
+.m-button.m-button--success {
+  color: #fff;
+  background-color: var(--color-success, #67C23A);
+}
+.m-button.m-button--warning {
+  color: #fff;
+  background-color: var(--color-warning, #E6A23C);
+}
+.m-button.m-button--danger {
+  color: #fff;
+  background-color: var(--color-danger, #F56C6C);
+}
+.m-button.m-button--info {
+  color: #fff;
+  background-color: var(--color-info, #909399);
+}
+.m-button .m-button--primary.is-plain {
+  color: var(--color-primary, #409EFF);
+  background-color: #fff;
+}
+.m-button .m-button--success.is-plain {
+  color: var(--color-success, #67C23A);
+  background-color: #fff;
+}
+.m-button .m-button--warning.is-plain {
+  color: var(--color-warning, #E6A23C);
+  background-color: #fff;
+}
+.m-button .m-button--danger.is-plain {
+  color: var(--color-danger, #F56C6C);
+  background-color: #fff;
+}
+.m-button .m-button--info.is-plain {
+  color: var(--color-info, #909399);
+  background-color: #fff;
+}
+.m-button.is-plain::after {
+  content: " ";
+  display: block;
+  width: 200%;
+  height: 200%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border: 1px solid currentColor;
+  transform: scale(0.5);
+  transform-origin: 0 0;
+  box-sizing: border-box;
+  border-radius: 6rpx;
+  z-index: 1;
+  pointer-events: none;
+}
+.m-button.is-round {
+  border-radius: 100rpx;
+}
+.m-button.is-round.is-plain::after {
+  border-radius: 100rpx;
+}
+.m-button.is-loading {
+  opacity: 0.85;
+}
+.m-button .m-button__loading {
+  width: 32rpx;
+  height: 32rpx;
+  background-color: 0 0;
+  border-radius: 50%;
+  border: 4rpx solid currentColor;
+  border-left-color: transparent;
+  animation: btn-spinner 0.8s linear;
+  animation-iteration-count: infinite;
+}
+.m-button.is-disabled {
+  opacity: 0.65;
+}
+.m-button.is-inline {
+  display: inline-flex;
+}
+@keyframes btn-spinner {
+  100% {
+    transform: rotate(360deg);
+  }
+}