@ohu-mobile/core/lib/NavBar/NavBar.stories.js

Mobile UI Toolkit

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.RightSlot = exports.Primary = exports.LeftText = exports.LeftSlot = exports.Basic = void 0;
var _HomeOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/HomeOutlined"));
var _MenuOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/MenuOutlined"));
var _vue = _interopRequireDefault(require("vue"));
var _index = _interopRequireDefault(require("./index"));
require("./style");
var _Button = _interopRequireDefault(require("../Button"));
require("../Button/style");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Components/Navigation/NavBar',
  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", [h(_index.default, {
        "attrs": {
          "leftArrow": true,
          "title": "预约挂号",
          "divider": true
        }
      })]);
    }
  });
};
var LeftText = exports.LeftText = function LeftText() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h(_index.default, {
        "attrs": {
          "type": "primary",
          "leftArrow": true,
          "leftText": "返回",
          "title": "预约挂号",
          "divider": true
        }
      });
    }
  });
};
var LeftSlot = exports.LeftSlot = function LeftSlot() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h(_index.default, {
        "attrs": {
          "divider": true
        }
      }, [h("img", {
        "slot": "left",
        "style": "height: 100%;",
        "attrs": {
          "src": "https://raw.githubusercontent.com/jeffwcx/ohu-mobile/master/docs/storybook/src/assets/logo.svg"
        }
      }), h("div", {
        "style": "width: 250px; height: 100%;background:rgba(248,248,248,1);"
      }), h("template", {
        "slot": "right"
      }, [h(_Button.default, {
        "attrs": {
          "type": "link",
          "inline": true,
          "icon": _MenuOutlined2.default
        }
      })])]);
    }
  });
};
var RightSlot = exports.RightSlot = function RightSlot() {
  return _vue.default.extend({
    methods: {
      back: function back(e) {
        console.log('back', e);
      }
    },
    render: function render() {
      var h = arguments[0];
      return h(_index.default, {
        "attrs": {
          "leftArrow": true,
          "title": "预约挂号",
          "divider": true,
          "segmentation": [1, 1, 1]
        },
        "on": {
          "clickLeft": this.back
        }
      }, [h("template", {
        "slot": "right"
      }, [h(_Button.default, {
        "attrs": {
          "type": "link",
          "inline": true,
          "icon": _MenuOutlined2.default
        }
      }), h(_Button.default, {
        "attrs": {
          "type": "link",
          "inline": true,
          "icon": _HomeOutlined2.default
        }
      })])]);
    }
  });
};
var Primary = exports.Primary = function Primary() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h(_index.default, {
        "attrs": {
          "type": "primary"
        }
      }, [h("img", {
        "attrs": {
          "height": "100%",
          "src": "https://raw.githubusercontent.com/jeffwcx/ohu-mobile/master/docs/storybook/src/assets/logo-white.svg"
        },
        "slot": "left",
        "style": "margin-left: 14px;"
      }), h("div", {
        "style": "width: 250px; height: 100%;"
      }), h("template", {
        "slot": "right"
      }, [h(_Button.default, {
        "attrs": {
          "type": "link",
          "inline": true,
          "icon": "menu"
        }
      })])]);
    }
  });
};