bulade-ui 1.1.37 → 1.1.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -103,6 +103,10 @@ Component({
103
103
  loseStyle: {
104
104
  type: Boolean,
105
105
  value: false
106
+ },
107
+ mode: {
108
+ type: String,
109
+ value: 'web-static'
106
110
  }
107
111
  },
108
112
  data: {
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/bld-html/index.js"],"names":["Component","externalClasses","properties","html","type","String","value","loseStyle","Boolean","data","content","tagStyle","p","img","containerStyle","observers","replaceAll","setData","newValue"],"mappings":";;QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;AClFAA,UAAU;AACRC,mBAAiB,CAAC,QAAD,EAAU,eAAV,CADT;AAERC,cAAY;AACVC,UAAM;AACJC,YAAMC,MADF;AAEJC,aAAO;AAFH,KADI;AAKVC,eAAU;AACRH,YAAMI,OADE;AAERF,aAAM;AAFE;AALA,GAFJ;AAYRG,QAAM;AACJC,aAAS,QADL;AAEJC,cAAU;AACRC,SAAG,qBADK;AAERC,WAAK;AAFG,KAFN;AAMJC,oBAAgB;AANZ,GAZE;AAoBRC,aAAW;AACTZ,QADS,kBACF;AACL,UAAIO,UAAU,KAAKD,IAAL,CAAUN,IAAxB;;AAEA;AACA;AACA;AACAO,gBAAUA,QAAQM,UAAR,CAAmB,QAAnB,EAA6B,2BAA7B,CAAV;;AAEA,WAAKC,OAAL,CAAa;AACXP;AADW,OAAb;AAGD,KAZQ;;AAaTH,eAAW,mBAASW,QAAT,EAAmB;AAC5B,UAAIA,QAAJ,EAAc;AACZ,aAAKD,OAAL,CAAa;AACXN,oBAAS;AADE,SAAb;AAGD;AACF;AAnBQ;AApBH,CAAV,E","file":"bld-html/index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 34);\n","Component({\n externalClasses: [\"iclass\",\"richTextClass\"],\n properties: {\n html: {\n type: String,\n value: \"加载中...\",\n },\n loseStyle:{\n type: Boolean,\n value:false\n }\n },\n data: {\n content: \"加载中...\",\n tagStyle: {\n p: \"margin-bottom: 14px\",\n img: \"margin-bottom: 14px\"\n },\n containerStyle: \"padding: 0;\",\n },\n observers: {\n html() {\n let content = this.data.html;\n\n // content = content.replace(/style=\"(.*?)\"/gm, \"\");\n // content = content.replace(/class=\"(.*?)\"/gm, \"\");\n // content = content.replaceAll(\"<p><br></p>\", \"\");\n content = content.replaceAll(/\\<img/g, \"<img style='width: 100%;'\");\n\n this.setData({\n content,\n });\n },\n loseStyle: function(newValue) {\n if (newValue) {\n this.setData({\n tagStyle:{}\n })\n } \n },\n },\n});\n"],"sourceRoot":""}
1
+ {"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/bld-html/index.js"],"names":["Component","externalClasses","properties","html","type","String","value","loseStyle","Boolean","mode","data","content","tagStyle","p","img","containerStyle","observers","replaceAll","setData","newValue"],"mappings":";;QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;AClFAA,UAAU;AACRC,mBAAiB,CAAC,QAAD,EAAU,eAAV,CADT;AAERC,cAAY;AACVC,UAAM;AACJC,YAAMC,MADF;AAEJC,aAAO;AAFH,KADI;AAKVC,eAAU;AACRH,YAAMI,OADE;AAERF,aAAM;AAFE,KALA;AASVG,UAAK;AACHL,YAAKC,MADF;AAEHC,aAAM;AAFH;AATK,GAFJ;AAgBRI,QAAM;AACJC,aAAS,QADL;AAEJC,cAAU;AACRC,SAAG,qBADK;AAERC,WAAK;AAFG,KAFN;AAMJC,oBAAgB;AANZ,GAhBE;AAwBRC,aAAW;AACTb,QADS,kBACF;AACL,UAAIQ,UAAU,KAAKD,IAAL,CAAUP,IAAxB;;AAEA;AACA;AACA;AACAQ,gBAAUA,QAAQM,UAAR,CAAmB,QAAnB,EAA6B,2BAA7B,CAAV;;AAEA,WAAKC,OAAL,CAAa;AACXP;AADW,OAAb;AAGD,KAZQ;;AAaTJ,eAAW,mBAASY,QAAT,EAAmB;AAC5B,UAAIA,QAAJ,EAAc;AACZ,aAAKD,OAAL,CAAa;AACXN,oBAAS;AADE,SAAb;AAGD;AACF;AAnBQ;AAxBH,CAAV,E","file":"bld-html/index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 34);\n","Component({\n externalClasses: [\"iclass\",\"richTextClass\"],\n properties: {\n html: {\n type: String,\n value: \"加载中...\",\n },\n loseStyle:{\n type: Boolean,\n value:false\n },\n mode:{\n type:String,\n value:'web-static'\n }\n },\n data: {\n content: \"加载中...\",\n tagStyle: {\n p: \"margin-bottom: 14px\",\n img: \"margin-bottom: 14px\"\n },\n containerStyle: \"padding: 0;\",\n },\n observers: {\n html() {\n let content = this.data.html;\n\n // content = content.replace(/style=\"(.*?)\"/gm, \"\");\n // content = content.replace(/class=\"(.*?)\"/gm, \"\");\n // content = content.replaceAll(\"<p><br></p>\", \"\");\n content = content.replaceAll(/\\<img/g, \"<img style='width: 100%;'\");\n\n this.setData({\n content,\n });\n },\n loseStyle: function(newValue) {\n if (newValue) {\n this.setData({\n tagStyle:{}\n })\n } \n },\n },\n});\n"],"sourceRoot":""}
@@ -5,5 +5,5 @@
5
5
  tag-style="{{ tagStyle }}"
6
6
  container-style="{{ containerStyle }}"
7
7
  /> -->
8
- <rich-text nodes="{{content}}" bindtap="tap" mode="web-static" class="richTextClass"></rich-text>
8
+ <rich-text nodes="{{content}}" bindtap="tap" mode="{{mode}}" class="richTextClass"></rich-text>
9
9
  </view>
@@ -24,4 +24,8 @@
24
24
 
25
25
  .ql-size-30px {
26
26
  font-size: 30px;
27
+ }
28
+
29
+ p {
30
+ height: 100rpx;
27
31
  }
@@ -12,10 +12,10 @@
12
12
  </view>
13
13
  </view>
14
14
  <view
15
- class="title"
15
+ class="title {{ showTitle ?'showTitle':'' }}"
16
16
  style="{{ titleStyle }}"
17
17
  >
18
- <slot wx:if="{{ showTitle }}" />
18
+ <slot />
19
19
  </view>
20
20
  <view class="operations right">
21
21
  <button
@@ -15,6 +15,12 @@
15
15
  display: flex;
16
16
  justify-content: center;
17
17
  align-items: center;
18
+ transition: opacity 0.3s ease-in-out;
19
+ opacity: 0;
20
+ }
21
+
22
+ .showTitle {
23
+ opacity: 1;
18
24
  }
19
25
 
20
26
  .operation {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bulade-ui",
3
- "version": "1.1.37",
3
+ "version": "1.1.39",
4
4
  "description": "轻量、可靠的小程序 UI 组件库",
5
5
  "main": "miniprogram_dist/index.js",
6
6
  "scripts": {
@@ -8,6 +8,10 @@ Component({
8
8
  loseStyle:{
9
9
  type: Boolean,
10
10
  value:false
11
+ },
12
+ mode:{
13
+ type:String,
14
+ value:'web-static'
11
15
  }
12
16
  },
13
17
  data: {
@@ -11,4 +11,8 @@ $pxV:16,18,20,22,26,28,30;
11
11
  .ql-size-#{$c}px {
12
12
  font-size: #{$c}px
13
13
  }
14
- }
14
+ }
15
+
16
+ p{
17
+ height:100rpx;
18
+ }
@@ -5,5 +5,5 @@
5
5
  tag-style="{{ tagStyle }}"
6
6
  container-style="{{ containerStyle }}"
7
7
  /> -->
8
- <rich-text nodes="{{content}}" bindtap="tap" mode="web-static" class="richTextClass"></rich-text>
8
+ <rich-text nodes="{{content}}" bindtap="tap" mode="{{mode}}" class="richTextClass"></rich-text>
9
9
  </view>
@@ -24,4 +24,8 @@
24
24
 
25
25
  .ql-size-30px {
26
26
  font-size: 30px;
27
+ }
28
+
29
+ p {
30
+ height: 100rpx;
27
31
  }
@@ -15,8 +15,15 @@
15
15
  display: flex;
16
16
  justify-content: center;
17
17
  align-items: center;
18
+ transition: opacity .3s ease-in-out;
19
+ // transition: opacity .5s ease-in-out;
20
+ opacity: 0;
21
+ // transform: translateY(-700%);
22
+ }
23
+ .showTitle{
24
+ opacity: 1;
25
+ // transform: translateY(0);
18
26
  }
19
-
20
27
  .operation {
21
28
  background: rgba(255, 255, 255, 0.6);
22
29
  border: 1rpx solid rgba(0, 0, 0, 0.1);
@@ -12,10 +12,10 @@
12
12
  </view>
13
13
  </view>
14
14
  <view
15
- class="title"
15
+ class="title {{ showTitle ?'showTitle':'' }}"
16
16
  style="{{ titleStyle }}"
17
17
  >
18
- <slot wx:if="{{ showTitle }}" />
18
+ <slot />
19
19
  </view>
20
20
  <view class="operations right">
21
21
  <button
@@ -15,6 +15,12 @@
15
15
  display: flex;
16
16
  justify-content: center;
17
17
  align-items: center;
18
+ transition: opacity 0.3s ease-in-out;
19
+ opacity: 0;
20
+ }
21
+
22
+ .showTitle {
23
+ opacity: 1;
18
24
  }
19
25
 
20
26
  .operation {