bulade-ui 1.1.3 → 1.1.4

package/src/bld-button-v2/index.wxss

@@ -1,176 +1,178 @@
-.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);
-  }
+.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;
+  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::after {
+  border: 0;
+}
+.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);
+  }
 }

package/src/bld-card/index.js

@@ -1,3 +1,3 @@
-Component({
-  externalClasses: ["iclass"],
-});
+Component({
+  externalClasses: ["iclass"],
+});

package/src/bld-card/index.json

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

package/src/bld-card/index.scss

@@ -1,6 +1,6 @@
-.card {
-  padding: 24rpx;
-  border-radius: 24rpx;
-  background: #ffff;
-  overflow: hidden;
-}
+.card {
+  padding: 24rpx;
+  border-radius: 24rpx;
+  background: #ffff;
+  overflow: hidden;
+}

package/src/bld-card/index.wxml

@@ -1,5 +1,5 @@
-<view
-  class="card iclass"
->
-  <slot />
-</view>
+<view
+  class="card iclass"
+>
+  <slot />
+</view>

package/src/bld-card/index.wxss

@@ -1,6 +1,6 @@
-.card {
-  padding: 24rpx;
-  border-radius: 24rpx;
-  background: white;
-  overflow: hidden;
+.card {
+  padding: 24rpx;
+  border-radius: 24rpx;
+  background: white;
+  overflow: hidden;
 }

package/src/bld-cell/index.js

@@ -1,28 +1,28 @@
-Component({
-  options: {
-    multipleSlots: true,
-  },
-  properties: {
-    title: {
-      type: String,
-    },
-    icon: {
-      type: String,
-    },
-    subtitle: {
-      type: String,
-    },
-    isLink: {
-      type: Boolean,
-      value: false,
-    },
-    type: {
-      type: String,
-      value: "text",
-    },
-    padding: {
-      type: String,
-      value: "0 24rpx",
-    },
-  },
-});
+Component({
+  options: {
+    multipleSlots: true,
+  },
+  properties: {
+    title: {
+      type: String,
+    },
+    icon: {
+      type: String,
+    },
+    subtitle: {
+      type: String,
+    },
+    isLink: {
+      type: Boolean,
+      value: false,
+    },
+    type: {
+      type: String,
+      value: "text",
+    },
+    padding: {
+      type: String,
+      value: "0 24rpx",
+    },
+  },
+});

package/src/bld-cell/index.json

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

package/src/bld-cell/index.scss

@@ -1,42 +1,42 @@
-.cell {
-  background: #fff;
-  display: flex;
-  align-items: center;
-  font-size: var(--font-size-lg-r);
-}
-
-.title-wrapper {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  border-bottom: 1px solid #eee;
-  padding: var(--font-size-lg-r) 0;
-}
-
-.icon {
-  margin-right: 12rpx;
-}
-
-.title {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-
-  .sub-title {
-    margin-top: 6rpx;
-    color: #999;
-  }
-}
-
-.type-text .title {
-  .main-title {
-    color: #000;
-  }
-}
-
-.type-button .title {
-  align-items: center;
-  .main-title {
-    color: darkblue;
-  }
-}
+.cell {
+  background: #fff;
+  display: flex;
+  align-items: center;
+  font-size: var(--font-size-lg-r);
+}
+
+.title-wrapper {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid #eee;
+  padding: var(--font-size-lg-r) 0;
+}
+
+.icon {
+  margin-right: 12rpx;
+}
+
+.title {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+
+  .sub-title {
+    margin-top: 6rpx;
+    color: #999;
+  }
+}
+
+.type-text .title {
+  .main-title {
+    color: #000;
+  }
+}
+
+.type-button .title {
+  align-items: center;
+  .main-title {
+    color: darkblue;
+  }
+}

package/src/bld-cell/index.wxml

@@ -1,42 +1,42 @@
-<view
-  class="cell type-{{ type }}"
-  style="padding: {{ padding }}"
->
-  <slot name="image" />
-  <bld-icon
-    wx:if="{{ icon }}"
-    iclass="icon"
-    name="{{ icon }}"
-  />
-  <view class="title-wrapper">
-    <view
-      wx:if="{{ title }}"
-      class="title"
-    >
-      <view class="main-title">{{ title }}</view>
-      <view
-        wx:if="{{ subtitle }}"
-        class="sub-title"
-      >
-        <bld-text
-          max-lines="1"
-          text="{{ subtitle }}"
-          size="sm"
-        />
-      </view>
-    </view>
-    <view
-      wx:else
-      class="title"
-    >
-      <slot name="title" />
-    </view>
-    <slot name="description" />
-    <view
-      wx:if="{{ type == 'link' }}"
-      class="link-icon"
-    >
-      <bld-icon name="forward" />
-    </view>
-  </view>
-</view>
+<view
+  class="cell type-{{ type }}"
+  style="padding: {{ padding }}"
+>
+  <slot name="image" />
+  <bld-icon
+    wx:if="{{ icon }}"
+    iclass="icon"
+    name="{{ icon }}"
+  />
+  <view class="title-wrapper">
+    <view
+      wx:if="{{ title }}"
+      class="title"
+    >
+      <view class="main-title">{{ title }}</view>
+      <view
+        wx:if="{{ subtitle }}"
+        class="sub-title"
+      >
+        <bld-text
+          max-lines="1"
+          text="{{ subtitle }}"
+          size="sm"
+        />
+      </view>
+    </view>
+    <view
+      wx:else
+      class="title"
+    >
+      <slot name="title" />
+    </view>
+    <slot name="description" />
+    <view
+      wx:if="{{ type == 'link' }}"
+      class="link-icon"
+    >
+      <bld-icon name="forward" />
+    </view>
+  </view>
+</view>