bulade-ui 1.0.0

package/miniprogram_dist/bld-page/index.js

@@ -0,0 +1,177 @@
+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 = 20);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 20:
+/***/ (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; };
+
+Component({
+  externalClasses: ["page-class", "nav-bar-class", "content-class", "footer-class"],
+  options: {
+    multipleSlots: true
+  },
+  properties: {
+    navBarMode: {
+      type: String,
+      value: "always"
+    },
+    navBarShowDistance: {
+      type: Number,
+      value: 50
+    },
+    navBarShowShare: {
+      type: Boolean,
+      value: false
+    },
+    navBarBgColor: {
+      type: String,
+      value: "#fff"
+    },
+    navBarGoBack: {
+      type: Boolean,
+      value: true
+    },
+    mode: {
+      type: String,
+      value: "nav-to-bottom"
+    },
+    scrollTop: {
+      type: Number,
+      value: 0
+    }
+  },
+  data: {
+    _navBarShowTitle: true,
+    _navBarBgColor: ""
+  },
+  lifetimes: {
+    attached: function attached() {
+      if (this.data.navBarMode == "always") {
+        this.setData({
+          _navBarShowTitle: true,
+          _navBarBgColor: this.data.navBarBgColor
+        });
+      } else if (this.data.navBarMode == "show-after-scroll") {
+        this.setData({
+          _navBarShowTitle: false,
+          _navBarBgColor: null
+        });
+      }
+    }
+  },
+  methods: {
+    scroll: function scroll(e) {
+      this.triggerEvent("scroll", _extends({}, e.detail));
+      this.showNavBarAfterScroll(e);
+    },
+    scrollToLower: function scrollToLower(e) {
+      this.triggerEvent("scrollToLower", _extends({}, e.detail));
+    },
+    showNavBarAfterScroll: function showNavBarAfterScroll(e) {
+      if (this.data.navBarMode != "show-after-scroll") {
+        return;
+      }
+
+      var ok = e.detail.scrollTop > this.data.navBarShowDistance;
+
+      this.setData({
+        _navBarShowTitle: ok,
+        _navBarBgColor: ok ? this.data.navBarBgColor : null
+      });
+    }
+  }
+});
+
+/***/ })
+
+/******/ });

package/miniprogram_dist/bld-page/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "bld-nav-bar": "../bld-nav-bar/index",
+    "bld-wrapper": "../bld-wrapper/index"
+  }
+}

package/miniprogram_dist/bld-page/index.wxml

@@ -0,0 +1,28 @@
+<view class="page page-class">
+  <bld-nav-bar
+    go-back="{{ navBarGoBack }}"
+    show-title="{{ _navBarShowTitle }}"
+    show-share="{{ navBarShowShare }}"
+    bg-color="{{ _navBarBgColor }}"
+    iclass="nav-bar-class"
+  >
+    <slot name="nav-bar" />
+  </bld-nav-bar>
+  <bld-wrapper mode="{{ mode }}">
+    <scroll-view
+      enable-passive="{{ true }}"
+      show-scrollbar="{{ false }}"
+      type="list"
+      class="content-class container"
+      scroll-y
+      scroll-top="{{ scrollTop }}"
+      bind:scroll="scroll"
+      bind:scrolltolower="scrollToLower"
+    >
+      <slot name="content" />
+    </scroll-view>
+    <view class="footer-class footer">
+      <slot name="footer" />
+    </view>
+  </bld-wrapper>
+</view>

package/miniprogram_dist/bld-page/index.wxss

@@ -0,0 +1,16 @@
+page {
+  height: 100%;
+  width: 100%;
+}
+
+.page {
+  height: 100%;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  flex: 1;
+  width: 100%;
+}

package/miniprogram_dist/bld-retry/index.js

@@ -0,0 +1,122 @@
+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 = 21);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 21:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+  externalClasses: ["iclass"],
+  properties: {
+    title: {
+      type: String,
+      value: "加载失败"
+    },
+    description: {
+      type: String,
+      value: "发生了一些错误"
+    },
+    actionText: {
+      type: String,
+      value: "点击重试"
+    }
+  },
+
+  methods: {
+    retry: function retry() {
+      this.triggerEvent("on-retry");
+    }
+  }
+});
+
+/***/ })
+
+/******/ });

package/miniprogram_dist/bld-retry/index.json

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

package/miniprogram_dist/bld-retry/index.wxml

@@ -0,0 +1,5 @@
+<view class="iclass retry" bind:tap="retry">
+  <view class="title">{{ title }}</view>
+  <view class="description">{{ description }}</view>
+  <view class="action">{{actionText}}</view>
+</view>

package/miniprogram_dist/bld-retry/index.wxss

@@ -0,0 +1,23 @@
+.retry {
+  padding: 24rpx;
+  color: #333;
+  padding: 24rpx 12rpx;
+  border-radius: 12rpx;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.title {
+  margin-bottom: 24rpx;
+}
+
+.action, .description {
+  font-size: var(--font-size-sm);
+}
+
+.description {
+  margin-bottom: 24rpx;
+}

package/miniprogram_dist/bld-scroll-view/index.js

@@ -0,0 +1,129 @@
+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 = 22);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 22:
+/***/ (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; };
+
+Component({
+  externalClasses: ["iclass"],
+  properties: {
+    type: {
+      type: String,
+      value: "list"
+    },
+    mode: {
+      type: String,
+      value: "nav-to-bottom"
+    },
+    scrollTop: {
+      type: Number,
+      value: 0
+    }
+  },
+  methods: {
+    scroll: function scroll(e) {
+      this.triggerEvent("scroll", _extends({}, e.detail));
+    },
+    scrollEnd: function scrollEnd(e) {
+      this.triggerEvent("scrollEnd", _extends({}, e.detail));
+    },
+    scrollToLower: function scrollToLower(e) {
+      this.triggerEvent("scrollToLower", _extends({}, e.detail));
+    }
+  }
+});
+
+/***/ })
+
+/******/ });

package/miniprogram_dist/bld-scroll-view/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {
+    "bld-wrapper": "../bld-wrapper/index"
+  }
+}

package/miniprogram_dist/bld-scroll-view/index.wxml

@@ -0,0 +1,42 @@
+<template
+  is="{{ type }}"
+  data="{{ mode, scrollTop }}"
+/>
+
+<template name="list">
+  <bld-wrapper mode="{{ mode }}">
+    <scroll-view
+      enable-passive="{{ true }}"
+      show-scrollbar="{{ false }}"
+      type="list"
+      class="iclass container"
+      scroll-y
+      scroll-top="{{ scrollTop }}"
+      bind:scroll="scroll"
+      bind:scrollend="scrollEnd"
+      bind:scrolltolower="scrollToLower"
+    >
+      <slot />
+      <view style="height: 100rpx;" />
+    </scroll-view>
+  </bld-wrapper>
+</template>
+
+<template name="custom">
+  <bld-wrapper mode="{{ mode }}">
+    <scroll-view
+      enable-passive="{{ true }}"
+      show-scrollbar="{{ false }}"
+      type="custom"
+      class="iclass container"
+      scroll-y
+      scroll-top="{{ scrollTop }}"
+      bind:scroll="scroll"
+      bind:scrollend="scrollEnd"
+      bind:scrolltolower="scrollToLower"
+    >
+      <slot />
+      <view style="height: 100rpx;" />
+    </scroll-view>
+  </bld-wrapper>
+</template>

package/miniprogram_dist/bld-scroll-view/index.wxss

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