bulade-ui 1.0.0

package/miniprogram_dist/bld-message/index.wxss

@@ -0,0 +1,77 @@
+.m-message {
+  display: block;
+  position: fixed;
+  margin-top: 22rpx;
+  top: 0;
+  left: 32rpx;
+  right: 32rpx;
+  padding: 15rpx 80rpx;
+  line-height: 36rpx;
+  color: #fff;
+  font-size: 28rpx;
+  text-align: center;
+  opacity: 1;
+  background: var(--color-primary);
+  transform: translate3d(0, 0, 0);
+  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
+  border-radius: 30rpx;
+}
+
+.m-message.is-hidden {
+  opacity: 0;
+  transform: translate3d(0, -100%, 0);
+}
+
+.m-message--primary {
+  background: var(--color-primary, #409EFF);
+}
+
+.m-message--success {
+  background: var(--color-success, #67C23A);
+}
+
+.m-message--warning {
+  background: var(--color-warning, #E6A23C);
+}
+
+.m-message--error {
+  background: var(--color-danger, #F56C6C);
+}
+
+.m-message .m-message__close {
+  position: absolute;
+  right: 10rpx;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+}
+
+.m-message .m-message__close-btn {
+  position: relative;
+  width: 40rpx;
+  height: 40rpx;
+  color: #fff;
+  border: 10rpx;
+}
+
+.m-message .m-message__close-btn::before, .m-message .m-message__close-btn::after {
+  z-index: 1;
+  display: block;
+  content: "";
+  position: absolute;
+  left: -6rpx;
+  top: 50%;
+  color: #fff;
+  width: 32rpx;
+  height: 2px;
+  background: #fff;
+}
+
+.m-message .m-message__close-btn::before {
+  transform: rotate(45deg);
+}
+
+.m-message .m-message__close-btn::after {
+  transform: rotate(-45deg);
+}

package/miniprogram_dist/bld-message/message.js

@@ -0,0 +1,163 @@
+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 = 24);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 24:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+exports.__esModule = true;
+function getCtx(selector) {
+  var pages = getCurrentPages();
+  var ctx = pages[pages.length - 1];
+  var componentCtx = ctx.selectComponent(selector);
+  if (!componentCtx) {
+    console.error('无法找到对应的组件，请按文档说明使用组件');
+    return null;
+  }
+  return componentCtx;
+}
+
+var Message = function Message(options) {
+  var _options = options,
+      _options$selector = _options.selector,
+      selector = _options$selector === undefined ? '#message' : _options$selector;
+
+  var ctx = getCtx(selector);
+  if (typeof options === "string") {
+    options = {
+      content: options
+    };
+  }
+  ctx.open(options);
+
+  return ctx;
+};
+
+Message.primary = Message;
+
+Message.success = function (options) {
+  if (typeof options === "string") {
+    options = {
+      content: options
+    };
+  }
+  Message(Object.assign({
+    type: 'success'
+  }, options));
+};
+
+Message.warning = function (options) {
+  if (typeof options === "string") {
+    options = {
+      content: options
+    };
+  }
+  Message(Object.assign({
+    type: 'warning'
+  }, options));
+};
+
+Message.error = function (options) {
+  if (typeof options === "string") {
+    options = {
+      content: options
+    };
+  }
+  Message(Object.assign({
+    type: 'error'
+  }, options));
+};
+
+exports.default = Message;
+
+/***/ })
+
+/******/ });

package/miniprogram_dist/bld-nav-bar/index.js

@@ -0,0 +1,180 @@
+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 = 17);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 17:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var app = getApp();
+
+var deviceInfo = app.globalData.deviceInfo;
+var systemInfo = app.globalData.systemInfo;
+var menuButtonInfo = app.globalData.menuButtonDistance;
+
+var screenWidth = systemInfo.screenWidth;
+
+var statusBarHeight = systemInfo.statusBarHeight;
+var gap = menuButtonInfo.top - statusBarHeight;
+var padding = screenWidth - menuButtonInfo.right;
+
+var _baseStyle = ["padding-top: " + menuButtonInfo.top + "px", "padding-bottom: " + gap + "px", "line-height: " + menuButtonInfo.height + "px", "height: " + menuButtonInfo.height + "px", "padding-left: " + padding + "px", "padding-right: " + (padding * 2 + menuButtonInfo.width) + "px", "width: calc(100% - " + (3 * padding + menuButtonInfo.width) + "px)"];
+
+Component({
+  externalClasses: ["iclass"],
+  options: {
+    multipleSlots: true // 在组件定义时的选项中启用多slot支持
+  },
+  properties: {
+    bgColor: {
+      type: String
+    },
+    goBack: {
+      type: Boolean,
+      value: false
+    },
+    showTitle: {
+      type: Boolean,
+      value: true
+    },
+    showShare: {
+      type: Boolean,
+      value: false
+    }
+  },
+  data: {
+    style: _baseStyle.join(";")
+  },
+  lifetimes: {
+    ready: function ready() {
+      var totalHeight = menuButtonInfo.top + menuButtonInfo.height + gap;
+
+      this.triggerEvent("height-change", totalHeight);
+    }
+  },
+  observers: {
+    bgColor: function bgColor(_bgColor) {
+      if (_bgColor) {
+        var _style = [].concat(_baseStyle);
+
+        _style.push("background-color: " + _bgColor);
+        this.setData({
+          style: _style.join(";")
+        });
+      } else {
+        this.setData({
+          style: _baseStyle.join(";")
+        });
+      }
+    }
+  },
+  methods: {
+    navigateHome: function navigateHome() {
+      wx.switchTab({
+        url: "/pages/main/index"
+      });
+    },
+    navigateBack: function navigateBack() {
+      var pages = getCurrentPages();
+
+      if (pages.length > 1) {
+        wx.navigateBack();
+
+        return;
+      }
+
+      this.navigateHome();
+    }
+  }
+});
+
+/***/ })
+
+/******/ });

package/miniprogram_dist/bld-nav-bar/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "bld-icon": "../bld-icon/index"
+  }
+}

package/miniprogram_dist/bld-nav-bar/index.wxml

@@ -0,0 +1,24 @@
+<view
+  class="iclass nav-bar"
+  style="{{ style }}"
+>
+  <view class="operations">
+    <view
+      wx:if="{{ goBack }}"
+      class="operation"
+      bind:tap="navigateBack"
+    >
+      <bld-icon name="backward" />
+    </view>
+  </view>
+  <view class="title"> <slot wx:if="{{ showTitle }}" /> </view>
+  <view class="operations right">
+    <button
+      wx:if="{{ showShare }}"
+      class="operation"
+      open-type="share"
+    >
+      <bld-icon name="share" />
+    </button>
+  </view>
+</view>

package/miniprogram_dist/bld-nav-bar/index.wxss

@@ -0,0 +1,36 @@
+.nav-bar {
+  font-size: var(--font-size-lg);
+  font-weight: 500;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 1000;
+}
+
+.title {
+  flex: 1;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.operation {
+  background: rgba(255, 255, 255, 0.6);
+  border: 1rpx solid rgba(0, 0, 0, 0.1);
+  border-radius: 32rpx;
+  width: 60rpx;
+  height: 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 12rpx;
+  padding: 0;
+}
+
+.operations.right .operation {
+  margin-right: 0;
+  margin-left: 12rpx;
+}

package/miniprogram_dist/bld-overlay/index.js

@@ -0,0 +1,116 @@
+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 = 18);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 18:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+  externalClasses: ["iclass"],
+  properties: {
+    show: {
+      type: Boolean
+    },
+    contentPosition: {
+      type: String,
+      value: "bottom"
+    }
+  },
+  methods: {
+    hide: function hide() {
+      this.setData({ show: false });
+    }
+  }
+});
+
+/***/ })
+
+/******/ });

package/miniprogram_dist/bld-overlay/index.json

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

package/miniprogram_dist/bld-overlay/index.wxml

@@ -0,0 +1,11 @@
+<view
+  wx:if="{{ show }}"
+  class="overlay iclass"
+>
+  <view
+    wx:if="{{ contentPosition == 'bottom' }}"
+    style="flex: 1"
+    bind:tap="hide"
+  />
+  <slot />
+</view>

package/miniprogram_dist/bld-overlay/index.wxss

@@ -0,0 +1,11 @@
+.overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.8);
+  z-index: 9999;
+  display: flex;
+  flex-direction: column;
+}