@ohu-mobile/core/lib-rem/Loading/Loading.stories.js

Mobile UI Toolkit

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Vertical = exports.TextColor = exports.Size = exports.LoadingText = exports.Color = exports.Basic = void 0;
var _vue = _interopRequireDefault(require("vue"));
var _index = _interopRequireDefault(require("./index"));
require("./style");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Components/FeedBack/Loading',
  parameters: {
    component: _index.default,
    options: {
      showPanel: true
    }
  }
};
var Basic = exports.Basic = function Basic() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h("div", {
        "style": "text-align: center; padding: 10px;"
      }, [h(_index.default)]);
    }
  });
};
var LoadingText = exports.LoadingText = function LoadingText() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h("div", {
        "style": "text-align: center; padding: 10px;"
      }, [h(_index.default, ["\u52A0\u8F7D\u4E2D..."])]);
    }
  });
};
var Color = exports.Color = function Color() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h("div", {
        "style": "text-align: center; padding: 10px;"
      }, [h(_index.default, {
        "attrs": {
          "color": "#2d7eff"
        }
      })]);
    }
  });
};
var Vertical = exports.Vertical = function Vertical() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h("div", {
        "style": "text-align: center; padding: 10px; background: rgba(0, 0, 0, .8);"
      }, [h(_index.default, {
        "attrs": {
          "color": "#fff",
          "vertical": true
        }
      })]);
    }
  });
};
var Size = exports.Size = function Size() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h("div", {
        "style": "text-align: center; padding: 10px;"
      }, [h(_index.default, {
        "attrs": {
          "size": "20px",
          "textSize": "16px",
          "vertical": true
        }
      })]);
    }
  });
};
var TextColor = exports.TextColor = function TextColor() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h("div", {
        "style": "text-align: center; padding: 10px;"
      }, [h(_index.default, {
        "attrs": {
          "size": "20px",
          "textColor": "#ff9434",
          "textSize": "16px",
          "vertical": true
        }
      })]);
    }
  });
};