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

package/packages/tree-select/test/__snapshots__/demo.spec.ts.snap

@@ -0,0 +1,549 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render demo and match snapshot 1`] = `
+<main>
+  <demo-block>
+    <wx-view
+      class="custom-class demo-block smart-clearfix "
+    >
+      <smart-tree-select
+        bind:click-item="onClickItem"
+        bind:click-nav="onClickNav"
+      >
+        <wx-view
+          class="smart-tree-select"
+          style="height: 300px"
+        >
+          <wx-scroll-view
+            class="smart-tree-select__nav"
+            scrollY="{{true}}"
+          >
+            <smart-sidebar
+              customClass="smart-tree-select__nav__inner"
+              bind:change="onClickNav"
+            >
+              <wx-view
+                class="smart-sidebar custom-class"
+              >
+                <smart-sidebar-item
+                  activeClass="main-active-class"
+                  customClass="main-item-class"
+                  disabledClass="main-disabled-class"
+                >
+                  <wx-view
+                    class="smart-sidebar-item smart-sidebar-item--selected active-class  custom-class"
+                    hoverClass="smart-sidebar-item--hover"
+                    hoverStayTime="70"
+                    bind:tap="onClick"
+                  >
+                    <wx-view
+                      class="smart-sidebar-item__text"
+                    >
+                      <smart-info />
+                      <wx-view>
+                        zhejiang
+                      </wx-view>
+                    </wx-view>
+                  </wx-view>
+                </smart-sidebar-item>
+                <smart-sidebar-item
+                  activeClass="main-active-class"
+                  customClass="main-item-class"
+                  disabledClass="main-disabled-class"
+                >
+                  <wx-view
+                    class="smart-sidebar-item   custom-class"
+                    hoverClass="smart-sidebar-item--hover"
+                    hoverStayTime="70"
+                    bind:tap="onClick"
+                  >
+                    <wx-view
+                      class="smart-sidebar-item__text"
+                    >
+                      <smart-info />
+                      <wx-view>
+                        jiangsu
+                      </wx-view>
+                    </wx-view>
+                  </wx-view>
+                </smart-sidebar-item>
+                <smart-sidebar-item
+                  activeClass="main-active-class"
+                  customClass="main-item-class"
+                  disabledClass="main-disabled-class"
+                >
+                  <wx-view
+                    class="smart-sidebar-item smart-sidebar-item--disabled  disabled-class custom-class"
+                    hoverClass="smart-sidebar-item--hover"
+                    hoverStayTime="70"
+                    bind:tap="onClick"
+                  >
+                    <wx-view
+                      class="smart-sidebar-item__text"
+                    >
+                      <smart-info />
+                      <wx-view>
+                        fujian
+                      </wx-view>
+                    </wx-view>
+                  </wx-view>
+                </smart-sidebar-item>
+              </wx-view>
+            </smart-sidebar>
+          </wx-scroll-view>
+          <wx-scroll-view
+            class="smart-tree-select__content"
+            scrollY="{{true}}"
+          >
+            <wx-view
+              class="smart-ellipsis content-item-class smart-tree-select__item  "
+              data-item="{{
+                Object {
+                  "id": 1,
+                  "text": "hangzhou",
+                }
+              }}"
+              bind:tap="onSelectItem"
+            >
+              
+      hangzhou
+      
+            </wx-view>
+            <wx-view
+              class="smart-ellipsis content-item-class smart-tree-select__item  "
+              data-item="{{
+                Object {
+                  "id": 2,
+                  "text": "wenzhou",
+                }
+              }}"
+              bind:tap="onSelectItem"
+            >
+              
+      wenzhou
+      
+            </wx-view>
+            <wx-view
+              class="smart-ellipsis content-item-class smart-tree-select__item smart-tree-select__item--disabled  content-disabled-class"
+              data-item="{{
+                Object {
+                  "disabled": true,
+                  "id": 3,
+                  "text": "ningbo",
+                }
+              }}"
+              bind:tap="onSelectItem"
+            >
+              
+      ningbo
+      
+            </wx-view>
+            <wx-view
+              class="smart-ellipsis content-item-class smart-tree-select__item  "
+              data-item="{{
+                Object {
+                  "id": 4,
+                  "text": "yiwu",
+                }
+              }}"
+              bind:tap="onSelectItem"
+            >
+              
+      yiwu
+      
+            </wx-view>
+          </wx-scroll-view>
+        </wx-view>
+      </smart-tree-select>
+    </wx-view>
+  </demo-block>
+  <demo-block>
+    <wx-view
+      class="custom-class demo-block smart-clearfix "
+    >
+      <smart-tree-select
+        bind:click-item="onClickItemMulti"
+        bind:click-nav="onClickNavMulti"
+      >
+        <wx-view
+          class="smart-tree-select"
+          style="height: 300px"
+        >
+          <wx-scroll-view
+            class="smart-tree-select__nav"
+            scrollY="{{true}}"
+          >
+            <smart-sidebar
+              customClass="smart-tree-select__nav__inner"
+              bind:change="onClickNav"
+            >
+              <wx-view
+                class="smart-sidebar custom-class"
+              >
+                <smart-sidebar-item
+                  activeClass="main-active-class"
+                  customClass="main-item-class"
+                  disabledClass="main-disabled-class"
+                >
+                  <wx-view
+                    class="smart-sidebar-item smart-sidebar-item--selected active-class  custom-class"
+                    hoverClass="smart-sidebar-item--hover"
+                    hoverStayTime="70"
+                    bind:tap="onClick"
+                  >
+                    <wx-view
+                      class="smart-sidebar-item__text"
+                    >
+                      <smart-info />
+                      <wx-view>
+                        zhejiang
+                      </wx-view>
+                    </wx-view>
+                  </wx-view>
+                </smart-sidebar-item>
+                <smart-sidebar-item
+                  activeClass="main-active-class"
+                  customClass="main-item-class"
+                  disabledClass="main-disabled-class"
+                >
+                  <wx-view
+                    class="smart-sidebar-item   custom-class"
+                    hoverClass="smart-sidebar-item--hover"
+                    hoverStayTime="70"
+                    bind:tap="onClick"
+                  >
+                    <wx-view
+                      class="smart-sidebar-item__text"
+                    >
+                      <smart-info />
+                      <wx-view>
+                        jiangsu
+                      </wx-view>
+                    </wx-view>
+                  </wx-view>
+                </smart-sidebar-item>
+                <smart-sidebar-item
+                  activeClass="main-active-class"
+                  customClass="main-item-class"
+                  disabledClass="main-disabled-class"
+                >
+                  <wx-view
+                    class="smart-sidebar-item smart-sidebar-item--disabled  disabled-class custom-class"
+                    hoverClass="smart-sidebar-item--hover"
+                    hoverStayTime="70"
+                    bind:tap="onClick"
+                  >
+                    <wx-view
+                      class="smart-sidebar-item__text"
+                    >
+                      <smart-info />
+                      <wx-view>
+                        fujian
+                      </wx-view>
+                    </wx-view>
+                  </wx-view>
+                </smart-sidebar-item>
+              </wx-view>
+            </smart-sidebar>
+          </wx-scroll-view>
+          <wx-scroll-view
+            class="smart-tree-select__content"
+            scrollY="{{true}}"
+          >
+            <wx-view
+              class="smart-ellipsis content-item-class smart-tree-select__item  "
+              data-item="{{
+                Object {
+                  "id": 1,
+                  "text": "hangzhou",
+                }
+              }}"
+              bind:tap="onSelectItem"
+            >
+              
+      hangzhou
+      
+            </wx-view>
+            <wx-view
+              class="smart-ellipsis content-item-class smart-tree-select__item  "
+              data-item="{{
+                Object {
+                  "id": 2,
+                  "text": "wenzhou",
+                }
+              }}"
+              bind:tap="onSelectItem"
+            >
+              
+      wenzhou
+      
+            </wx-view>
+            <wx-view
+              class="smart-ellipsis content-item-class smart-tree-select__item smart-tree-select__item--disabled  content-disabled-class"
+              data-item="{{
+                Object {
+                  "disabled": true,
+                  "id": 3,
+                  "text": "ningbo",
+                }
+              }}"
+              bind:tap="onSelectItem"
+            >
+              
+      ningbo
+      
+            </wx-view>
+            <wx-view
+              class="smart-ellipsis content-item-class smart-tree-select__item  "
+              data-item="{{
+                Object {
+                  "id": 4,
+                  "text": "yiwu",
+                }
+              }}"
+              bind:tap="onSelectItem"
+            >
+              
+      yiwu
+      
+            </wx-view>
+          </wx-scroll-view>
+        </wx-view>
+      </smart-tree-select>
+    </wx-view>
+  </demo-block>
+  <demo-block>
+    <wx-view
+      class="custom-class demo-block smart-clearfix "
+    >
+      <smart-tree-select
+        bind:click-item="onClickItem"
+        bind:click-nav="onClickNav"
+      >
+        <wx-view
+          class="smart-tree-select"
+          style="height: 55vw"
+        >
+          <wx-scroll-view
+            class="smart-tree-select__nav"
+            scrollY="{{true}}"
+          >
+            <smart-sidebar
+              customClass="smart-tree-select__nav__inner"
+              bind:change="onClickNav"
+            >
+              <wx-view
+                class="smart-sidebar custom-class"
+              >
+                <smart-sidebar-item
+                  activeClass="main-active-class"
+                  customClass="main-item-class"
+                  disabledClass="main-disabled-class"
+                >
+                  <wx-view
+                    class="smart-sidebar-item smart-sidebar-item--selected active-class  custom-class"
+                    hoverClass="smart-sidebar-item--hover"
+                    hoverStayTime="70"
+                    bind:tap="onClick"
+                  >
+                    <wx-view
+                      class="smart-sidebar-item__text"
+                    >
+                      <smart-info />
+                      <wx-view>
+                        undefined 1
+                      </wx-view>
+                    </wx-view>
+                  </wx-view>
+                </smart-sidebar-item>
+                <smart-sidebar-item
+                  activeClass="main-active-class"
+                  customClass="main-item-class"
+                  disabledClass="main-disabled-class"
+                >
+                  <wx-view
+                    class="smart-sidebar-item   custom-class"
+                    hoverClass="smart-sidebar-item--hover"
+                    hoverStayTime="70"
+                    bind:tap="onClick"
+                  >
+                    <wx-view
+                      class="smart-sidebar-item__text"
+                    >
+                      <smart-info />
+                      <wx-view>
+                        undefined 2
+                      </wx-view>
+                    </wx-view>
+                  </wx-view>
+                </smart-sidebar-item>
+              </wx-view>
+            </smart-sidebar>
+          </wx-scroll-view>
+          <wx-scroll-view
+            class="smart-tree-select__content"
+            scrollY="{{true}}"
+          >
+            <wx-view
+              slot="content"
+              style="width:100%;height:100%;padding-top:40px;text-align:center;"
+            >
+              <wx-text>
+                1
+              </wx-text>
+            </wx-view>
+          </wx-scroll-view>
+        </wx-view>
+      </smart-tree-select>
+    </wx-view>
+  </demo-block>
+  <demo-block>
+    <wx-view
+      class="custom-class demo-block smart-clearfix "
+    >
+      <smart-tree-select
+        bind:click-item="onClickItem"
+        bind:click-nav="onClickNav"
+      >
+        <wx-view
+          class="smart-tree-select"
+          style="height: 300px"
+        >
+          <wx-scroll-view
+            class="smart-tree-select__nav"
+            scrollY="{{true}}"
+          >
+            <smart-sidebar
+              customClass="smart-tree-select__nav__inner"
+              bind:change="onClickNav"
+            >
+              <wx-view
+                class="smart-sidebar custom-class"
+              >
+                <smart-sidebar-item
+                  activeClass="main-active-class"
+                  customClass="main-item-class"
+                  disabledClass="main-disabled-class"
+                >
+                  <wx-view
+                    class="smart-sidebar-item smart-sidebar-item--selected active-class  custom-class"
+                    hoverClass="smart-sidebar-item--hover"
+                    hoverStayTime="70"
+                    bind:tap="onClick"
+                  >
+                    <wx-view
+                      class="smart-sidebar-item__text"
+                    >
+                      <smart-info>
+                        <wx-view
+                          class="smart-info smart-info smart-info--dot custom-class"
+                          style=""
+                        >
+                          
+                        </wx-view>
+                      </smart-info>
+                      <wx-view>
+                        zhejiang
+                      </wx-view>
+                    </wx-view>
+                  </wx-view>
+                </smart-sidebar-item>
+                <smart-sidebar-item
+                  activeClass="main-active-class"
+                  customClass="main-item-class"
+                  disabledClass="main-disabled-class"
+                >
+                  <wx-view
+                    class="smart-sidebar-item   custom-class"
+                    hoverClass="smart-sidebar-item--hover"
+                    hoverStayTime="70"
+                    bind:tap="onClick"
+                  >
+                    <wx-view
+                      class="smart-sidebar-item__text"
+                    >
+                      <smart-info>
+                        <wx-view
+                          class="smart-info smart-info custom-class"
+                          style=""
+                        >
+                          5
+                        </wx-view>
+                      </smart-info>
+                      <wx-view>
+                        jiangsu
+                      </wx-view>
+                    </wx-view>
+                  </wx-view>
+                </smart-sidebar-item>
+              </wx-view>
+            </smart-sidebar>
+          </wx-scroll-view>
+          <wx-scroll-view
+            class="smart-tree-select__content"
+            scrollY="{{true}}"
+          >
+            <wx-view
+              class="smart-ellipsis content-item-class smart-tree-select__item  "
+              data-item="{{
+                Object {
+                  "id": 1,
+                  "text": "hangzhou",
+                }
+              }}"
+              bind:tap="onSelectItem"
+            >
+              
+      hangzhou
+      
+            </wx-view>
+            <wx-view
+              class="smart-ellipsis content-item-class smart-tree-select__item  "
+              data-item="{{
+                Object {
+                  "id": 2,
+                  "text": "wenzhou",
+                }
+              }}"
+              bind:tap="onSelectItem"
+            >
+              
+      wenzhou
+      
+            </wx-view>
+            <wx-view
+              class="smart-ellipsis content-item-class smart-tree-select__item smart-tree-select__item--disabled  content-disabled-class"
+              data-item="{{
+                Object {
+                  "disabled": true,
+                  "id": 3,
+                  "text": "ningbo",
+                }
+              }}"
+              bind:tap="onSelectItem"
+            >
+              
+      ningbo
+      
+            </wx-view>
+            <wx-view
+              class="smart-ellipsis content-item-class smart-tree-select__item  "
+              data-item="{{
+                Object {
+                  "id": 4,
+                  "text": "yiwu",
+                }
+              }}"
+              bind:tap="onSelectItem"
+            >
+              
+      yiwu
+      
+            </wx-view>
+          </wx-scroll-view>
+        </wx-view>
+      </smart-tree-select>
+    </wx-view>
+  </demo-block>
+</main>
+`;

package/packages/tree-select/test/demo.spec.ts

@@ -0,0 +1,15 @@
+import path from 'path';
+import simulate from 'miniprogram-simulate';
+
+test('should render demo and match snapshot', () => {
+  try {
+    const id = simulate.load(path.resolve(__dirname, '../demo/index'), {
+      rootPath: path.resolve(__dirname, '../../'),
+    });
+    const comp = simulate.render(id);
+    comp.attach(document.createElement('parent-wrapper'));
+    expect(comp.toJSON()).toMatchSnapshot();
+  } catch (e) {
+    console.error(e);
+  }
+});

package/packages/wxs/add-unit.wxs

@@ -0,0 +1,12 @@
+/* eslint-disable */
+var REGEXP = getRegExp('^-?\d+(\.\d+)?$');
+
+function addUnit(value) {
+  if (value == null) {
+    return undefined;
+  }
+
+  return REGEXP.test('' + value) ? value + 'px' : value;
+}
+
+module.exports = addUnit;

package/packages/wxs/array.wxs

@@ -0,0 +1,5 @@
+function isArray(array) {
+  return array && array.constructor === 'Array';
+}
+
+module.exports.isArray = isArray;

package/packages/wxs/bem.wxs

@@ -0,0 +1,39 @@
+/* eslint-disable */
+var array = require('./array.wxs');
+var object = require('./object.wxs');
+var PREFIX = 'smart-';
+
+function join(name, mods) {
+  name = PREFIX + name;
+  mods = mods.map(function(mod) {
+    return name + '--' + mod;
+  });
+  mods.unshift(name);
+  return mods.join(' ');
+}
+
+function traversing(mods, conf) {
+  if (!conf) {
+    return;
+  }
+
+  if (typeof conf === 'string' || typeof conf === 'number') {
+    mods.push(conf);
+  } else if (array.isArray(conf)) {
+    conf.forEach(function(item) {
+      traversing(mods, item);
+    });
+  } else if (typeof conf === 'object') {
+    object.keys(conf).forEach(function(key) {
+      conf[key] && mods.push(key);
+    });
+  }
+}
+
+function bem(name, conf) {
+  var mods = [];
+  traversing(mods, conf);
+  return join(name, mods);
+}
+
+module.exports = bem;

package/packages/wxs/memoize.wxs

@@ -0,0 +1,55 @@
+/**
+ * Simple memoize
+ * wxs doesn't support fn.apply, so this memoize only support up to 2 args
+ */
+/* eslint-disable */
+
+function isPrimitive(value) {
+  var type = typeof value;
+  return (
+    type === 'boolean' ||
+    type === 'number' ||
+    type === 'string' ||
+    type === 'undefined' ||
+    value === null
+  );
+}
+
+// mock simple fn.call in wxs
+function call(fn, args) {
+  if (args.length === 2) {
+    return fn(args[0], args[1]);
+  }
+
+  if (args.length === 1) {
+    return fn(args[0]);
+  }
+
+  return fn();
+}
+
+function serializer(args) {
+  if (args.length === 1 && isPrimitive(args[0])) {
+    return args[0];
+  }
+  var obj = {};
+  for (var i = 0; i < args.length; i++) {
+    obj['key' + i] = args[i];
+  }
+  return JSON.stringify(obj);
+}
+
+function memoize(fn) {
+  var cache = {};
+
+  return function() {
+    var key = serializer(arguments);
+    if (cache[key] === undefined) {
+      cache[key] = call(fn, arguments);
+    }
+
+    return cache[key];
+  };
+}
+
+module.exports = memoize;

package/packages/wxs/object.wxs

@@ -0,0 +1,13 @@
+/* eslint-disable */
+var REGEXP = getRegExp('{|}|"', 'g');
+
+function keys(obj) {
+  return JSON.stringify(obj)
+    .replace(REGEXP, '')
+    .split(',')
+    .map(function(item) {
+      return item.split(':')[0];
+    });
+}
+
+module.exports.keys = keys;