@tuya-miniapp/smart-ui 2.3.8-beta-3 → 2.3.8-beta-5

package/example/app.json

@@ -0,0 +1,110 @@
+{
+  "pages": [
+    "pages/dashboard/index",
+    "pages/radio/index",
+    "pages/datetime-picker/index",
+    "pages/action-sheet/index",
+    "pages/picker/index",
+    "pages/tab/index",
+    "pages/dialog/index",
+    "pages/button/index",
+    "pages/cascader/index",
+    "pages/field/index",
+    "pages/search/index",
+    "pages/switch/index",
+    "pages/stepper/index",
+    "pages/empty/index",
+    "pages/bottom-sheet/index",
+    "pages/calendar/index",
+    "pages/cell/index",
+    "pages/col/index",
+    "pages/count-down/index",
+    "pages/icon/index",
+    "pages/image/index",
+    "pages/loading/index",
+    "pages/nav-bar/index",
+    "pages/notice-bar/index",
+    "pages/popup/index",
+    "pages/popover/index",
+    "pages/sticky/index",
+    "pages/slider/index",
+    "pages/sidebar/index",
+    "pages/tabbar/index",
+    "pages/tag/index",
+    "pages/toast/index",
+    "pages/transition/index",
+    "pages/tree-select/index",
+    "pages/checkbox/index",
+    "pages/swipe-cell/index",
+    "pages/rate/index",
+    "pages/collapse/index",
+    "pages/overlay/index",
+    "pages/circle/index",
+    "pages/grid/index",
+    "pages/dropdown-menu/index",
+    "pages/index-bar/index",
+    "pages/skeleton/index",
+    "pages/divider/index",
+    "pages/config-provider/index",
+    "pages/battery/index",
+    "pages/custom-keyboard/index"
+  ],
+  "window": {
+    "navigationBarBackgroundColor": "#f8f8f8",
+    "navigationBarTitleText": "Smart UI",
+    "navigationBarTextStyle": "black",
+    "backgroundTextStyle": "dark",
+    "backgroundColor": "#f8f8f8"
+  },
+  "usingComponents": {
+    "demo-block": "./components/demo-block/index",
+    "smart-action-sheet-demo": "./dist/action-sheet/demo/index",
+    "smart-bottom-sheet-demo": "./dist/bottom-sheet/demo/index",
+    "smart-calendar-demo": "./dist/calendar/demo/index",
+    "smart-button-demo": "./dist/button/demo/index",
+    "smart-cell-demo": "./dist/cell/demo/index",
+    "smart-checkbox-demo": "./dist/checkbox/demo/index",
+    "smart-col-demo": "./dist/col/demo/index",
+    "smart-count-down-demo": "./dist/count-down/demo/index",
+    "smart-dialog-demo": "./dist/dialog/demo/index",
+    "smart-divider-demo": "./dist/divider/demo/index",
+    "smart-empty-demo": "./dist/empty/demo/index",
+    "smart-field-demo": "./dist/field/demo/index",
+    "smart-icon-demo": "./dist/icon/demo/index",
+    "smart-image-demo": "./dist/image/demo/index",
+    "smart-loading-demo": "./dist/loading/demo/index",
+    "smart-nav-bar-demo": "./dist/nav-bar/demo/index",
+    "smart-notice-bar-demo": "./dist/notice-bar/demo/index",
+    "smart-popup-demo": "./dist/popup/demo/index",
+    "smart-radio-demo": "./dist/radio/demo/index",
+    "smart-search-demo": "./dist/search/demo/index",
+    "smart-sidebar-demo": "./dist/sidebar/demo/index",
+    "smart-slider-demo": "./dist/normal-slider/demo/index",
+    "smart-stepper-demo": "./dist/stepper/demo/index",
+    "smart-sticky-demo": "./dist/sticky/demo/index",
+    "smart-swipe-cell-demo": "./dist/swipe-cell/demo/index",
+    "smart-switch-demo": "./dist/switch/demo/index",
+    "smart-tab-demo": "./dist/tab/demo/index",
+    "smart-tabbar-demo": "./dist/tabbar/demo/index",
+    "smart-tag-demo": "./dist/tag/demo/index",
+    "smart-toast-demo": "./dist/toast/demo/index",
+    "smart-transition-demo": "./dist/transition/demo/index",
+    "smart-tree-select-demo": "./dist/tree-select/demo/index",
+    "smart-datetime-picker-demo": "./dist/datetime-picker/demo/index",
+    "smart-rate-demo": "./dist/rate/demo/index",
+    "smart-collapse-demo": "./dist/collapse/demo/index",
+    "smart-picker-demo": "./dist/picker/demo/index",
+    "smart-overlay-demo": "./dist/overlay/demo/index",
+    "smart-circle-demo": "./dist/circle/demo/index",
+    "smart-index-bar-demo": "./dist/index-bar/demo/index",
+    "smart-grid-demo": "./dist/grid/demo/index",
+    "smart-dropdown-menu-demo": "./dist/dropdown-menu/demo/index",
+    "smart-skeleton-demo": "./dist/skeleton/demo/index",
+    "smart-config-provider-demo": "./dist/config-provider/demo/index",
+    "smart-cascader-demo": "./dist/cascader/demo/index",
+    "smart-battery-demo": "./dist/battery/demo/index",
+    "smart-custom-keyboard-demo": "./dist/custom-keyboard/demo/index",
+    "smart-popover-demo": "./dist/popover/demo/index"
+  },
+  "sitemapLocation": "sitemap.json"
+}

package/example/app.wxss

@@ -0,0 +1,29 @@
+page {
+  box-sizing: border-box;
+  min-height: 100vh;
+  padding: 0 0 100rpx;
+  color: #323233;
+  font-size: 16px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial,
+    Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
+  background: var(--app-B1, #f6f7fb);
+  -webkit-font-smoothing: antialiased;
+}
+
+.demo-margin-left {
+  margin-left: 10px;
+}
+
+.demo-margin-right {
+  margin-right: 10px;
+}
+
+.demo-margin-bottom {
+  display: block;
+  margin-bottom: 15px;
+}
+
+.calendar-disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}

package/example/common/page.js

@@ -0,0 +1,10 @@
+export default function (options = {}) {
+  return Page({
+    onShareAppMessage() {
+      return {
+        title: I18n.t('smartUiComponentLibraryDemo'),
+      };
+    },
+    ...options,
+  });
+}

package/example/components/demo-block/index.js

@@ -0,0 +1,9 @@
+Component({
+  properties: {
+    title: String,
+    padding: Boolean,
+    card: Boolean,
+  },
+
+  externalClasses: ['custom-class'],
+});

package/example/components/demo-block/index.json

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

package/example/components/demo-block/index.wxml

@@ -0,0 +1,7 @@
+<view class="custom-class demo-block smart-clearfix {{ padding ? 'demo-block--padding' : '' }}">
+  <view wx:if="{{ title }}" class="demo-block__title">{{ title }}</view>
+  <view class="demo-block__card" wx:if="{{ card }}">
+    <slot />
+  </view>
+ <slot wx:else />
+</view>

package/example/components/demo-block/index.wxss

@@ -0,0 +1,23 @@
+@import '../../dist/common/index.wxss';
+
+.demo-block__title {
+  margin: 0;
+  padding: 20px 15px 15px;
+  color: rgba(69, 90, 100, 0.6);
+  color: var(--app-B1-N1, rgba(0, 0, 0, 1));
+  font-weight: 400;
+  font-size: 20px;
+}
+
+.demo-block__card {
+  overflow: hidden;
+  border-radius: 8px;
+}
+
+.demo-block--padding {
+  padding: 0 15px;
+}
+
+.demo-block--padding .demo-block__title {
+  padding-left: 0;
+}

package/example/components/demo-home/index.js

@@ -0,0 +1,7 @@
+import list from '../../config';
+
+Component({
+  data: {
+    list,
+  },
+});

package/example/components/demo-home/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "demo-home-nav": "../demo-home-nav/index"
+  }
+}

package/example/components/demo-home/index.wxml

@@ -0,0 +1,15 @@
+<view class="demo-home">
+  <view
+    class="demo-home__title"
+  >
+    <image mode="aspectFit" class="demo-home__image" src="https://static1.tuyacn.com/static/tuya-miniapp-doc/_next/static/images/logo.png" />
+    <view class="demo-home__text">Smart UI</view>
+  </view>
+  <view
+    wx:for="{{ list }}"
+    wx:for-item="group"
+    wx:key="index"
+  >
+    <demo-home-nav group="{{ group }}" />
+  </view>
+</view>

package/example/components/demo-home/index.wxss

@@ -0,0 +1,36 @@
+.demo-home {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 100vh;
+  padding: 46px 20px 20px;
+  background: #fff;
+}
+
+.demo-home__title {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: 32px;
+}
+
+.demo-home__image,
+.demo-home__text {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.demo-home__image {
+  width: 88px;
+  height: 88px;
+  margin-bottom: 12px;
+}
+
+.demo-home__text {
+  font-size: 28rpx;
+  font-weight: 500;
+  line-height: 40rpx;
+}
+
+.demo-home__title .demo-home--small {
+  font-size: 24px;
+}

package/example/components/demo-home-nav/index.js

@@ -0,0 +1,16 @@
+Component({
+  properties: {
+    group: Object,
+  },
+
+  methods: {
+    onClick(event) {
+      const { url } = event.target.dataset;
+      if (getCurrentPages().length > 9) {
+        wx.redirectTo({ url });
+      } else {
+        wx.navigateTo({ url });
+      }
+    },
+  },
+});

package/example/components/demo-home-nav/index.json

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

package/example/components/demo-home-nav/index.wxml

@@ -0,0 +1,15 @@
+<view class="demo-home-nav">
+  <view class="demo-home-nav__title">{{ group.groupName }}</view>
+  <view class="demo-home-nav__group">
+    <view
+      wx:for="{{ group.list }}"
+      wx:key="title"
+      class="demo-home-nav__block"
+      data-url="/pages{{ item.path }}/index"
+      bind:tap="onClick"
+    >
+      {{ item.title }}
+      <smart-icon name="arrow" custom-class="demo-home-nav__icon" />
+    </view>
+  </view>
+</view>

package/example/components/demo-home-nav/index.wxss

@@ -0,0 +1,38 @@
+.demo-home-nav__title {
+  margin: 24px 0 8px 16px;
+  color: rgba(69, 90, 100, 0.6);
+  font-size: 14px;
+}
+
+.demo-home-nav__block {
+  position: relative;
+  display: flex;
+  margin: 0 0 12px;
+  padding-left: 20px;
+  color: #323233;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 40px;
+  background: #f7f8fa;
+  border-radius: 99px;
+  transition: background 0.3s;
+}
+
+.demo-home-nav__block:hover {
+  background: darken(#f7f8fa, 3%);
+}
+
+.demo-home-nav__block:active {
+  background: darken(#f7f8fa, 6%);
+}
+
+.demo-home-nav__icon {
+  position: absolute !important;
+  top: 50%;
+  right: 16px;
+  width: 16px;
+  height: 16px;
+  margin-top: -8px;
+  color: rgb(182, 195, 210);
+  font-weight: 900 !important;
+}

package/example/config.js

@@ -0,0 +1,258 @@
+export default [
+  {
+    groupName: I18n.t('basicComponents'),
+    list: [
+      {
+        path: '/button',
+        title: I18n.t('button'),
+      },
+      {
+        path: '/cell',
+        title: I18n.t('cell'),
+      },
+      {
+        path: '/config-provider',
+        title: I18n.t('configProviderGlobalConfiguration'),
+      },
+      {
+        path: '/icon',
+        title: I18n.t('icon'),
+      },
+      {
+        path: '/image',
+        title: I18n.t('image'),
+      },
+      {
+        path: '/col',
+        title: I18n.t('layout'),
+      },
+      {
+        path: '/popup',
+        title: I18n.t('popupLayer'),
+      },
+      {
+        path: '/transition',
+        title: I18n.t('transitionAnimation'),
+      },
+    ],
+  },
+  {
+    groupName: I18n.t('formComponent'),
+    list: [
+      {
+        path: '/calendar',
+        title: I18n.t('calendar'),
+      },
+      {
+        path: '/cascader',
+        title: I18n.t('cascader'),
+      },
+      {
+        path: '/checkbox',
+        title: I18n.t('checkbox'),
+      },
+      {
+        path: '/datetime-picker',
+        title: I18n.t('datetimePickerTimeSelection'),
+      },
+      {
+        path: '/field',
+        title: I18n.t('fieldInputBox'),
+      },
+      {
+        path: '/picker',
+        title: I18n.t('picker'),
+      },
+      {
+        path: '/radio',
+        title: I18n.t('radio'),
+      },
+      {
+        path: '/rate',
+        title: I18n.t('rate'),
+      },
+      {
+        path: '/search',
+        title: I18n.t('search'),
+      },
+      {
+        path: '/slider',
+        title: I18n.t('slider'),
+      },
+      {
+        path: '/stepper',
+        title: I18n.t('stepper'),
+      },
+      {
+        path: '/switch',
+        title: I18n.t('switch'),
+      },
+    ],
+  },
+  {
+    groupName: I18n.t('feedbackComponent'),
+    list: [
+      {
+        path: '/action-sheet',
+        title: I18n.t('actionSheet'),
+      },
+      {
+        path: '/bottom-sheet',
+        title: I18n.t('bottomSheet'),
+      },
+      {
+        path: '/dialog',
+        title: I18n.t('dialogPopup'),
+      },
+      {
+        path: '/dropdown-menu',
+        title: I18n.t('dropdownMenuDropdownMenu'),
+      },
+      {
+        path: '/loading',
+        title: I18n.t('loadingCom'),
+      },
+      // {
+      //   path: '/notify',
+      //   title: 'Notify 消息通知',
+      // },
+      {
+        path: '/overlay',
+        title: I18n.t('overlay'),
+      },
+      {
+        path: '/popover',
+        title: I18n.t('popover'),
+      },
+      {
+        path: '/swipe-cell',
+        title: I18n.t('swipeCell'),
+      },
+      {
+        path: '/toast',
+        title: I18n.t('toastNotification'),
+      },
+    ],
+  },
+  {
+    groupName: I18n.t('displayComponent'),
+    list: [
+      {
+        path: '/circle',
+        title: I18n.t('circleProgressBar'),
+      },
+      {
+        path: '/collapse',
+        title: I18n.t('collapsePanel'),
+      },
+      {
+        path: '/count-down',
+        title: I18n.t('countDown'),
+      },
+      {
+        path: '/divider',
+        title: I18n.t('divider'),
+      },
+      {
+        path: '/empty',
+        title: I18n.t('empty'),
+      },
+      {
+        path: '/notice-bar',
+        title: I18n.t('noticeBar'),
+      },
+      // {
+      //   path: '/progress',
+      //   title: I18n.t('progressBar'),
+      // },
+      {
+        path: '/skeleton',
+        title: I18n.t('skeletonScreen'),
+      },
+      // {
+      //   path: '/steps',
+      //   title: 'Steps 步骤条',
+      // },
+      {
+        path: '/sticky',
+        title: I18n.t('stickyLayout'),
+      },
+      {
+        path: '/tag',
+        title: I18n.t('tag'),
+      },
+      {
+        path: '/tree-select',
+        title: I18n.t('treeSelectCategorySelection'),
+      },
+    ],
+  },
+  {
+    groupName: I18n.t('navigationComponent'),
+    list: [
+      {
+        path: '/grid',
+        title: I18n.t('grid'),
+      },
+      {
+        path: '/index-bar',
+        title: I18n.t('indexBar'),
+      },
+      {
+        path: '/sidebar',
+        title: I18n.t('sidebarNavigation'),
+      },
+      {
+        path: '/nav-bar',
+        title: I18n.t('navBar'),
+      },
+      {
+        path: '/tab',
+        title: I18n.t('tab'),
+      },
+      {
+        path: '/tabbar',
+        title: I18n.t('tabbar'),
+      },
+    ],
+  },
+  {
+    groupName: I18n.t('businessComponent'),
+    icon: 'ellipsis',
+    list: [
+      // {
+      //   path: '/area',
+      //   title: 'Area 省市区选择',
+      // },
+      {
+        path: '/battery',
+        title: I18n.t('battery'),
+      },
+      {
+        path: '/custom-keyboard',
+        title: I18n.t('customKeyboardNumericKeyboard'),
+      },
+    ],
+  },
+  // {
+  //   groupName: '业务组件',
+  //   list: [
+  //     {
+  //       path: '/area',
+  //       title: 'Area 省市区选择',
+  //     },
+  //     {
+  //       path: '/card',
+  //       title: 'Card 商品卡片',
+  //     },
+  //     {
+  //       path: '/submit-bar',
+  //       title: 'SubmitBar 提交订单栏',
+  //     },
+  //     {
+  //       path: '/goods-action',
+  //       title: 'GoodsAction 商品导航',
+  //     },
+  //   ],
+  // },
+];