bulade-ui 1.0.0

package/miniprogram_dist/bld-text/index.js

@@ -0,0 +1,145 @@
+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 = 4);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 4:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+  externalClasses: ["iclass"],
+  properties: {
+    text: {
+      type: String,
+      value: "加载中..."
+    },
+    maxLines: {
+      type: Number,
+      value: 3
+    },
+    stripHtml: {
+      type: Boolean,
+      value: true
+    },
+    stripInVisible: {
+      type: Boolean,
+      value: true
+    },
+    size: {
+      type: String,
+      value: "lg-r"
+    }
+  },
+  data: {
+    formattedText: "加载中..."
+  },
+  observers: {
+    text: function text() {
+      var formattedText = this.data.text;
+      if (this.data.stripHtml) {
+        // 替换 html 标签
+        formattedText = formattedText.replace(/<[^>]*>|&nbsp;/gm, "");
+      }
+
+      if (this.data.stripInVisible) {
+        // 替换不可见字符
+        formattedText = formattedText.replace(/[\u0000-\u001F\u007F-\u009F]/g, "");
+      }
+
+      this.setData({
+        formattedText: formattedText
+      });
+    }
+  }
+});
+
+/***/ })
+
+/******/ });

package/miniprogram_dist/bld-text/index.json

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

package/miniprogram_dist/bld-text/index.wxml

@@ -0,0 +1,3 @@
+<view class="content {{size}} iclass" style="-webkit-line-clamp: {{maxLines}}; line-clamp: {{maxLines}};">
+  <text max-lines="{{ maxLines }}" overflow="ellipsis">{{ formattedText }}</text>
+</view>

package/miniprogram_dist/bld-text/index.wxss

@@ -0,0 +1,26 @@
+.content {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.content.sm {
+  line-height: calc(var(--font-size-sm) * 1.8);
+  letter-spacing: 1rpx;
+  font-size: var(--font-size-sm);
+}
+.content.md {
+  line-height: calc(var(--font-size-md) * 1.8);
+  letter-spacing: 1rpx;
+  font-size: var(--font-size-md);
+}
+.content.lg-r {
+  line-height: calc(var(--font-size-lg-r) * 1.8);
+  letter-spacing: 1rpx;
+  font-size: var(--font-size-lg-r);
+}
+.content.lg {
+  line-height: calc(var(--font-size-lg) * 1.8);
+  letter-spacing: 1rpx;
+  font-size: var(--font-size-lg);
+}

package/miniprogram_dist/bld-toast/index.js

@@ -0,0 +1,218 @@
+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 = 26);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 26:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var defaults_data = {
+  visible: false,
+  show: false,
+  mask: false,
+  ghost: true,
+  message: '',
+  position: 'middle', //top middle bottom
+  duration: 20000,
+  image: '',
+  icon: '',
+  iconColor: '#fff',
+  iconSize: 80,
+  type: '',
+  zIndex: -1
+};
+
+Component({
+  externalClasses: ['custom-class'],
+
+  options: {
+    addGlobalClass: true
+  },
+
+  data: _extends({}, defaults_data, {
+    transformStyle: ''
+  }),
+
+  ready: function ready() {
+    var _this = this;
+
+    if (wx.canIUse('getWindowInfo')) {
+      var windowInfo = wx.getWindowInfo();
+      this.computedBarH(windowInfo);
+    } else {
+      // 该方法为同步
+      wx.getSystemInfo({
+        success: function success(windowInfo) {
+          _this.computedBarH(windowInfo);
+        }
+      });
+    }
+  },
+
+
+  methods: {
+    computedBarH: function computedBarH(windowInfo) {
+      var screenHeight = windowInfo.screenHeight,
+          windowHeight = windowInfo.windowHeight,
+          statusBarHeight = windowInfo.statusBarHeight;
+
+      // 自定义导航栏
+
+      if (screenHeight === windowHeight) {
+        var customBarH = 44;
+        var capsule = wx.getMenuButtonBoundingClientRect();
+        if (capsule) {
+          customBarH = capsule.bottom - statusBarHeight + 4;
+        }
+
+        defaults_data.top = customBarH + statusBarHeight + 'px';
+        this.setData({
+          top: customBarH + statusBarHeight + 'px'
+        });
+      }
+    },
+    open: function open(options) {
+      var _this2 = this;
+
+      debugger;
+      var _options$type = options.type,
+          type = _options$type === undefined ? '' : _options$type,
+          _options$icon = options.icon,
+          icon = _options$icon === undefined ? '' : _options$icon,
+          _options$image = options.image,
+          image = _options$image === undefined ? '' : _options$image,
+          _options$duration = options.duration,
+          duration = _options$duration === undefined ? 20000 : _options$duration,
+          _options$position = options.position,
+          position = _options$position === undefined ? 'middle' : _options$position,
+          _options$mask = options.mask,
+          mask = _options$mask === undefined ? false : _options$mask,
+          _options$ghost = options.ghost,
+          ghost = _options$ghost === undefined ? true : _options$ghost,
+          _options$zIndex = options.zIndex,
+          zIndex = _options$zIndex === undefined ? 2001 : _options$zIndex;
+
+
+      this.setData(_extends({}, options, {
+        type: type,
+        icon: icon,
+        image: image,
+        mask: mask,
+        ghost: ghost,
+        position: position,
+        visible: true,
+        zIndex: zIndex
+      }), function () {
+        _this2.setData({
+          show: true
+        });
+      });
+
+      if (this.timer) clearTimeout(this.timer);
+
+      if (duration) {
+        this.timer = setTimeout(function () {
+          _this2.close();
+          _this2.timer = null;
+        }, duration);
+      }
+    },
+    handleHide: function handleHide() {},
+    close: function close() {
+      this.setData(_extends({}, defaults_data));
+    }
+  }
+});
+
+/***/ })
+
+/******/ });

package/miniprogram_dist/bld-toast/index.json

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

package/miniprogram_dist/bld-toast/index.wxml

@@ -0,0 +1,27 @@
+<view 
+  class="m-toast__mask" 
+  style="{{ 'z-index:' + zIndex + ';' + ghost ? 'opacity: 0' : '' }}" 
+  wx:if="{{ visible && mask }}" 
+  bindtap="handleHide"
+></view>
+
+<view 
+  class="custom-class m-toast__wrap m-toast--{{ position }} {{ show ? 'm-toast--show' : '' }}" 
+  style="z-index: {{ zIndex }};{{ position === 'top' ? transformStyle : '' }}" 
+  hidden="{{ !visible }}"
+>
+  <view class="m-toast">
+
+    <view wx:if="{{ icon }}" class="m-toast__icon">
+      <m-icon size="{{ iconSize }}" name="{{ icon }}" color="{{ iconColor }}" />
+    </view>
+
+    <view wx:elif="{{ image }}" class="m-toast__image">
+      <image class="m-toast__image__inner" src="{{ image }}" />
+    </view>
+
+    <view wx:if="{{ type === 'loading' }}" class="m-toast__loading"></view>
+    <view wx:if="{{ message }}">{{ message }}</view>
+    
+  </view>
+</view>

package/miniprogram_dist/bld-toast/index.wxss

@@ -0,0 +1,95 @@
+.m-toast__mask {
+  z-index: 2000;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: var(--color-mask, rgba(0, 0, 0, 0.55));
+}
+
+.m-toast__wrap {
+  opacity: 0;
+  z-index: 2001;
+  position: fixed;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  transition: opacity 0.15s ease-in;
+}
+.m-toast__wrap.m-toast--top {
+  top: 110rpx;
+  animation: toast-top 0.25s ease-in-out;
+}
+.m-toast__wrap.m-toast--middle {
+  top: 45%;
+}
+.m-toast__wrap.m-toast--bottom {
+  bottom: 110rpx;
+  animation: toast-bottom 0.25s ease-in-out;
+}
+.m-toast__wrap.m-toast--show {
+  opacity: 1;
+}
+.m-toast__wrap .m-toast {
+  margin: 0 auto;
+  padding: 24rpx 40rpx;
+  color: #fff;
+  font-size: 28rpx;
+  line-height: 28rpx;
+  text-align: center;
+  border-radius: 4rpx;
+  box-sizing: border-box;
+  background: rgba(0, 0, 0, 0.75);
+}
+.m-toast__wrap .m-toast .m-toast__icon {
+  padding: 30rpx 0 60rpx;
+}
+.m-toast__wrap .m-toast .m-toast__image {
+  padding-bottom: 20rpx;
+}
+.m-toast__wrap .m-toast .m-toast__image .m-toast__image__inner {
+  max-width: 160rpx;
+  max-height: 160rpx;
+}
+.m-toast__wrap .m-toast .m-toast__loading {
+  display: inline-block;
+  margin: 26rpx 36rpx 36rpx;
+  width: 54rpx;
+  height: 54rpx;
+  border-radius: 50%;
+  border: 6rpx solid #fff;
+  border-left-color: transparent;
+  vertical-align: middle;
+  background: 0 0;
+  animation: btn-spinner 0.8s linear infinite;
+}
+@keyframes toast-top {
+  0% {
+    top: 40rpx;
+  }
+  60% {
+    top: 130rpx;
+  }
+  100% {
+    top: 110rpx;
+  }
+}
+@keyframes toast-bottom {
+  0% {
+    bottom: 40rpx;
+  }
+  60% {
+    bottom: 130rpx;
+  }
+  100% {
+    bottom: 110rpx;
+  }
+}
+@keyframes btn-spinner {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/miniprogram_dist/bld-toast/toast.js

@@ -0,0 +1,137 @@
+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 = 27);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 27:
+/***/ (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 Toast = function Toast(options) {
+  var _options = options,
+      _options$selector = _options.selector,
+      selector = _options$selector === undefined ? '#toast' : _options$selector;
+
+  var ctx = getCtx(selector);
+
+  if (typeof options === "string") {
+    options = {
+      message: options,
+      position: 'bottom'
+    };
+  }
+  ctx.open(options);
+
+  return ctx;
+};
+
+Toast.close = function () {
+  var selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '#toast';
+
+  var ctx = getCtx(selector);
+  ctx.close();
+};
+
+exports.default = Toast;
+
+/***/ })
+
+/******/ });