@cloudbase/weda-ui 0.2.9 → 0.2.10

package/src/web/components/link/test/__snapshots__/storybook.test.js.snap

@@ -0,0 +1,754 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots actions/showToast Default 1`] = `
+<div>
+  <button
+    className="weda-ui weda-button weui-btn weui-btn_primary"
+    disabled={false}
+    onClick={[Function]}
+  >
+    按钮
+  </button>
+</div>
+`;
+
+exports[`Storyshots 多媒体/图片 Default 1`] = `
+<img
+  alt="[图片]"
+  className="weda-ui weda-image"
+  onClick={[Function]}
+  onError={[Function]}
+  onLoad={[Function]}
+  src="https://main.qcloudimg.com/raw/c85c9a875e9754545ee19f20438b2caa.svg"
+  style={
+    Object {
+      "objectFit": "cover",
+    }
+  }
+/>
+`;
+
+exports[`Storyshots 展示/Markdown Default 1`] = `
+<div
+  className="weda-ui"
+>
+  <blockquote>
+    <p>
+      这是 
+      <code>
+        markdown
+      </code>
+       文本
+    </p>
+  </blockquote>
+</div>
+`;
+
+exports[`Storyshots 展示/按钮 Default 1`] = `
+<button
+  className="weda-ui weda-button weui-btn weui-btn_primary"
+  disabled={false}
+  onClick={[Function]}
+>
+  按钮
+</button>
+`;
+
+exports[`Storyshots 展示/按钮 Default Type 1`] = `
+<button
+  className="weda-ui weda-button weui-btn weui-btn_default"
+  disabled={false}
+  onClick={[Function]}
+>
+  按钮
+</button>
+`;
+
+exports[`Storyshots 展示/按钮 Mini 1`] = `
+<button
+  className="weda-ui weda-button weui-btn weui-btn_mini weui-btn_primary"
+  disabled={false}
+  onClick={[Function]}
+>
+  按钮
+</button>
+`;
+
+exports[`Storyshots 展示/按钮 Primry 1`] = `
+<button
+  className="weda-ui weda-button weui-btn weui-btn_primary"
+  disabled={false}
+  onClick={[Function]}
+>
+  按钮
+</button>
+`;
+
+exports[`Storyshots 展示/轮播 Default 1`] = `
+<div
+  className="g-swiper weda-ui"
+  onLoad={[Function]}
+  style={
+    Object {
+      "height": "auto",
+    }
+  }
+>
+  <div
+    className="g-swiper-list"
+    onMouseDown={[Function]}
+    onTouchEnd={[Function]}
+    onTouchStart={[Function]}
+    style={null}
+  >
+    <div
+      className="g-swiper-item"
+      data-index={2}
+    >
+      <img
+        className="weda-ui weda-image"
+        onClick={[Function]}
+        onError={[Function]}
+        onLoad={[Function]}
+        src="//lowcode-0gv7r6dye9f16540-1251326432.tcloudbaseapp.com/resources/2021-05/lowcode-582"
+        style={
+          Object {
+            "objectFit": undefined,
+          }
+        }
+      />
+    </div>
+    <div
+      className="g-swiper-item current"
+      data-index={0}
+    >
+      <img
+        className="weda-ui weda-image"
+        onClick={[Function]}
+        onError={[Function]}
+        onLoad={[Function]}
+        src="//lowcode-0gv7r6dye9f16540-1251326432.tcloudbaseapp.com/resources/2021-04/lowcode-20"
+        style={
+          Object {
+            "objectFit": undefined,
+          }
+        }
+      />
+    </div>
+    <div
+      className="g-swiper-item"
+      data-index={1}
+    >
+      <img
+        className="weda-ui weda-image"
+        onClick={[Function]}
+        onError={[Function]}
+        onLoad={[Function]}
+        src="//lowcode-0gv7r6dye9f16540-1251326432.tcloudbaseapp.com/resources/2021-05/lowcode-648"
+        style={
+          Object {
+            "objectFit": undefined,
+          }
+        }
+      />
+    </div>
+    <div
+      className="g-swiper-item"
+      data-index={2}
+    >
+      <img
+        className="weda-ui weda-image"
+        onClick={[Function]}
+        onError={[Function]}
+        onLoad={[Function]}
+        src="//lowcode-0gv7r6dye9f16540-1251326432.tcloudbaseapp.com/resources/2021-05/lowcode-582"
+        style={
+          Object {
+            "objectFit": undefined,
+          }
+        }
+      />
+    </div>
+    <div
+      className="g-swiper-item"
+      data-index={0}
+    >
+      <img
+        className="weda-ui weda-image"
+        onClick={[Function]}
+        onError={[Function]}
+        onLoad={[Function]}
+        src="//lowcode-0gv7r6dye9f16540-1251326432.tcloudbaseapp.com/resources/2021-04/lowcode-20"
+        style={
+          Object {
+            "objectFit": undefined,
+          }
+        }
+      />
+    </div>
+  </div>
+  <div
+    className="g-swiper__pagination"
+  >
+    <a
+      className="g-swiper__pagination-bulletm"
+      data-index={0}
+      href="#"
+      onClick={[Function]}
+      style={
+        Object {
+          "backgroundColor": "rgba(0, 0, 0, 0.9)",
+        }
+      }
+    />
+    <a
+      className="g-swiper__pagination-bulletm"
+      data-index={1}
+      href="#"
+      onClick={[Function]}
+      style={
+        Object {
+          "backgroundColor": "rgba(200, 200, 200, 0.9)",
+        }
+      }
+    />
+    <a
+      className="g-swiper__pagination-bulletm"
+      data-index={2}
+      href="#"
+      onClick={[Function]}
+      style={
+        Object {
+          "backgroundColor": "rgba(200, 200, 200, 0.9)",
+        }
+      }
+    />
+  </div>
+  <a
+    className="g-swiper__turn-pre"
+    href="javascript:;"
+    onClick={[Function]}
+  >
+    上一页
+  </a>
+  <a
+    className="g-swiper__turn-next"
+    href="javascript:;"
+    onClick={[Function]}
+  >
+    下一页
+  </a>
+</div>
+`;
+
+exports[`Storyshots 布局容器/普通容器 Default 1`] = `
+<div
+  className="weda-ui"
+  onClick={[Function]}
+  onContextMenu={[Function]}
+  onTouchCancel={[Function]}
+  onTouchEnd={[Function]}
+  onTouchMove={[Function]}
+  onTouchStart={[Function]}
+  role="container"
+  style={
+    Object {
+      "border": "2px solid gray",
+      "padding": 20,
+    }
+  }
+>
+  Container 容器
+</div>
+`;
+
+exports[`Storyshots 文本/富文本展示 Default 1`] = `""`;
+
+exports[`Storyshots 文本/文本 Default 1`] = `
+<p
+  className="weda-text weda-ui"
+  onClick={[Function]}
+  style={
+    Object {
+      "WebkitLineClamp": 2,
+      "whiteSpace": "pre-line",
+    }
+  }
+>
+  文本内容
+</p>
+`;
+
+exports[`Storyshots 文本/链接 Default 1`] = `
+<a
+  className="weda-link weda-ui"
+  href="https://cloud.tencent.com/"
+  onClick={[Function]}
+  rel="noreferrer"
+  style={Object {}}
+>
+  这是一个链接
+</a>
+`;
+
+exports[`Storyshots 表单/上传图片 Default 1`] = `
+<div
+  className="weda-ui horizontal weda-uploader-pc cloudbase_standard"
+>
+  <div
+    className="weda-formcells weui-cells weui-cells_forms weui-flex"
+  >
+    <div
+      className="weda-formcells__label weui-cell"
+    >
+      <label>
+        上传图片
+      </label>
+    </div>
+    <div
+      className="weda-formcells__content weui-flex__item"
+    >
+      <div
+        className="weui-cell weui-cell_active weui-cell_form"
+      >
+        <div
+          className="weda-uploader-pc__body"
+          style={
+            Object {
+              "alignItems": "center",
+              "display": "flex",
+              "height": "100%",
+            }
+          }
+        >
+          <div
+            className="_weda-fn-upload-result"
+          />
+          <div
+            className="weda-uploader-pc__input-box"
+          >
+            <span
+              title="上传图片提示"
+            >
+              <input
+                accept={
+                  Array [
+                    "image/jpg",
+                    "image/png",
+                    "image/tif",
+                    "image/bmp",
+                    "image/jpeg",
+                    "image/tiff",
+                  ]
+                }
+                autoComplete="off"
+                multiple={false}
+                onChange={[Function]}
+                onClick={[Function]}
+                style={
+                  Object {
+                    "display": "none",
+                  }
+                }
+                tabIndex={-1}
+                type="file"
+              />
+              <span
+                onClick={[Function]}
+              >
+                <li
+                  className="_weda-fn-upload-result__item _weda-fn-upload-result__item--upload"
+                >
+                  <div
+                    className="_weda-fn-upload-result__status"
+                  >
+                    <i
+                      aria-label="plus"
+                      className="wedatea2td-icon wedatea2td-icon-plus"
+                      role="img"
+                    />
+                    <span
+                      className="wedatea2td-mt-1n wedatea2td-text-label wedatea2td-fz-reset"
+                    >
+                      上传图片
+                    </span>
+                  </div>
+                </li>
+              </span>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots 表单/单选框 Default 1`] = `
+<div
+  className="weda-ui weda-radio"
+>
+  <div
+    className="weda-formcells weui-cells weui-cells_checkbox weui-flex"
+  >
+    <div
+      className="weda-formcells__label weui-cell"
+    >
+      <label>
+        标题
+      </label>
+    </div>
+    <div
+      className="weda-formcells__content weui-flex__item"
+    >
+      <label
+        className="weui-cell weui-cell_active weui-check__label"
+        htmlFor="radio-3-0"
+        onClick={[Function]}
+      >
+        <div
+          className="weui-cell__hd"
+        >
+          <input
+            checked={true}
+            className="weui-check"
+            disabled={false}
+            id="radio-3-0"
+            name="radio-3-formRadio"
+            onClick={[Function]}
+            type="radio"
+            value="first"
+          />
+          <i
+            className="weui-icon-checked"
+          />
+        </div>
+        <div
+          className="weui-cell__bd"
+        >
+          <p>
+            单选-选项一
+          </p>
+        </div>
+      </label>
+      <label
+        className="weui-cell weui-cell_active weui-check__label"
+        htmlFor="radio-3-1"
+        onClick={[Function]}
+      >
+        <div
+          className="weui-cell__hd"
+        >
+          <input
+            checked={false}
+            className="weui-check"
+            disabled={false}
+            id="radio-3-1"
+            name="radio-3-formRadio"
+            onClick={[Function]}
+            type="radio"
+            value="second"
+          />
+          <i
+            className="weui-icon-checked"
+          />
+        </div>
+        <div
+          className="weui-cell__bd"
+        >
+          <p>
+            单选-选项二
+          </p>
+        </div>
+      </label>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots 表单/多选框 Default 1`] = `
+<div
+  className="weda-ui weda-checkbox"
+>
+  <div
+    className="weda-formcells weui-cells weui-cells_checkbox weui-flex"
+  >
+    <div
+      className="weda-formcells__label weui-cell"
+    >
+      <label>
+        标题
+      </label>
+    </div>
+    <div
+      className="weda-formcells__content weui-flex__item"
+    >
+      <label
+        className="weui-cell weui-cell_active weui-check__label"
+        htmlFor="checkbox-1-0"
+        onClick={[Function]}
+      >
+        <div
+          className="weui-cell__hd"
+        >
+          <input
+            className="weui-check"
+            defaultChecked={true}
+            disabled={false}
+            id="checkbox-1-0"
+            name="checkbox-1-formCheckbox"
+            onClick={[Function]}
+            type="checkbox"
+            value="first"
+          />
+          <i
+            className="weui-icon-checked"
+          />
+        </div>
+        <div
+          className="weui-cell__bd"
+        >
+          <p>
+            多选-选项一
+          </p>
+        </div>
+      </label>
+      <label
+        className="weui-cell weui-cell_active weui-check__label"
+        htmlFor="checkbox-1-1"
+        onClick={[Function]}
+      >
+        <div
+          className="weui-cell__hd"
+        >
+          <input
+            className="weui-check"
+            defaultChecked={false}
+            disabled={false}
+            id="checkbox-1-1"
+            name="checkbox-1-formCheckbox"
+            onClick={[Function]}
+            type="checkbox"
+            value="second"
+          />
+          <i
+            className="weui-icon-checked"
+          />
+        </div>
+        <div
+          className="weui-cell__bd"
+        >
+          <p>
+            多选-选项二
+          </p>
+        </div>
+      </label>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots 表单/表单容器 Default 1`] = `
+<div
+  className="weda-ui weda-form weui-form"
+>
+  <div
+    className="weui-cells__group weui-cells__group_form"
+  >
+    <div
+      className="weda-ui weda-input"
+    >
+      <div
+        className="weda-formcells weui-cells weui-cells_forms weui-flex"
+      >
+        <div
+          className="weda-formcells__label weui-cell"
+        >
+          <label>
+            标题
+          </label>
+        </div>
+        <div
+          className="weda-formcells__content weui-flex__item"
+        >
+          <div
+            className="weui-cell weui-cell_active weui-cell_form"
+          >
+            <div
+              className="weui-cell__bd weui-flex"
+            >
+              <input
+                autoFocus={false}
+                className="weui-input"
+                disabled={false}
+                name="formInput"
+                onBlur={[Function]}
+                onChange={[Function]}
+                onFocus={[Function]}
+                onKeyDown={[Function]}
+                placeholder="请输入"
+                type="text"
+                value=""
+              />
+              <button
+                className="weui-btn_reset weui-btn_icon weui-btn_input-clear"
+                onMouseDown={[Function]}
+              >
+                <i
+                  className="weui-icon-clear"
+                />
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      className="weda-ui weda-checkbox"
+    >
+      <div
+        className="weda-formcells weui-cells weui-cells_checkbox weui-flex"
+      >
+        <div
+          className="weda-formcells__label weui-cell"
+        >
+          <label>
+            标题
+          </label>
+        </div>
+        <div
+          className="weda-formcells__content weui-flex__item"
+        />
+      </div>
+    </div>
+    <button
+      className="weda-ui weda-button weui-btn weui-btn_primary"
+      disabled={false}
+      onClick={[Function]}
+      type="submit"
+    >
+      确定
+    </button>
+  </div>
+</div>
+`;
+
+exports[`Storyshots 表单/输入框 Default 1`] = `
+<div
+  className="weda-ui weda-input"
+>
+  <div
+    className="weda-formcells weui-cells weui-cells_forms weui-flex"
+  >
+    <div
+      className="weda-formcells__label weui-cell"
+    >
+      <label>
+        标题
+      </label>
+    </div>
+    <div
+      className="weda-formcells__content weui-flex__item"
+    >
+      <div
+        className="weui-cell weui-cell_active weui-cell_form"
+      >
+        <div
+          className="weui-cell__bd weui-flex"
+        >
+          <input
+            autoFocus={false}
+            className="weui-input"
+            disabled={false}
+            name="formInput"
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            placeholder="请输入"
+            type="text"
+            value=""
+          />
+          <button
+            className="weui-btn_reset weui-btn_icon weui-btn_input-clear"
+            onMouseDown={[Function]}
+          >
+            <i
+              className="weui-icon-clear"
+            />
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots 表单/选择框 Default 1`] = `
+<div
+  className="weda-ui weda-select"
+>
+  <div
+    className="weda-formcells weui-cells weui-cells_forms weui-flex"
+  >
+    <div
+      className="weda-formcells__label weui-cell"
+    >
+      <label>
+        标题
+      </label>
+    </div>
+    <div
+      className="weda-formcells__content weui-flex__item"
+    >
+      <div
+        className="weui-cell weui-cell_active weui-cell_form"
+      >
+        <div
+          className="weui-cell__bd weui-flex"
+        >
+          <div
+            className="wedatea2td-dropdown"
+            onBlur={[Function]}
+            onClick={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
+            tabIndex={0}
+          >
+            <div
+              className="wedatea2td-dropdown__header wedatea2td-dropdown-default"
+            >
+              <div
+                className="wedatea2td-dropdown__value"
+              >
+                <span
+                  className="wedatea2td-text-weak"
+                >
+                  请选择
+                </span>
+              </div>
+              <i
+                aria-label="arrowdown"
+                className="wedatea2td-icon wedatea2td-icon-arrowdown"
+                role="img"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots 高级/抽屉弹窗 Customize 1`] = `
+<button
+  className="tea-btn tea-btn--weak"
+  onClick={[Function]}
+  style={Object {}}
+>
+  点击展开
+</button>
+`;