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

Mobile UI Toolkit

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Warning = exports.Basic = void 0;
var _LockFilled2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/LockFilled"));
var _VolumeDownOutlined2 = _interopRequireDefault(require("@ohu-mobile/icons/lib/VolumeDownOutlined"));
var _vue = _interopRequireDefault(require("vue"));
var _index = _interopRequireDefault(require("./index"));
require("./style");
var _Card = _interopRequireDefault(require("../Card"));
require("../Card/style");
var _Icon = _interopRequireDefault(require("../Icon"));
require("../Icon/style");
var _Button = _interopRequireDefault(require("../Button"));
require("../Button/style");
var _vueRouter = _interopRequireDefault(require("vue-router"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Components/FeedBack/NoticeBar',
  parameters: {
    component: _index.default,
    options: {
      showPanel: true
    }
  }
};
_vue.default.use(_vueRouter.default);
var A = _vue.default.extend({
  render: function render() {
    var h = arguments[0];
    return h("div", [h(_index.default, {
      "attrs": {
        "scrollable": true,
        "offset": "50%",
        "icon": _VolumeDownOutlined2.default,
        "action": "link"
      }
    }, ["\u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4\u3002For the first time, you have 15 minutes to experience."]), h(_Button.default, {
      "attrs": {
        "type": "primary",
        "to": "/b"
      }
    }, ["\u6253\u5F00B"])]);
  }
});
var B = _vue.default.extend({
  render: function render() {
    var h = arguments[0];
    return h("div", {
      "class": "demo"
    }, [h(_Button.default, {
      "attrs": {
        "type": "primary",
        "to": "/a"
      }
    }, ["\u6253\u5F00A"])]);
  }
});
var router = new _vueRouter.default({
  mode: 'hash',
  routes: [{
    path: '/a',
    component: A,
    alias: '/'
  }, {
    path: '/b',
    component: B
  }]
});
var Basic = exports.Basic = function Basic() {
  return _vue.default.extend({
    router: router,
    render: function render() {
      var h = arguments[0];
      return h("div", [h(_Card.default, {
        "attrs": {
          "divider": true,
          "shadow": true
        }
      }, [h(_Card.default.Header, ["Basic"]), h(_index.default, ["\u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4"])]), h(_Card.default, {
        "attrs": {
          "divider": true,
          "shadow": true
        }
      }, [h(_Card.default.Header, ["icon"]), h(_index.default, {
        "attrs": {
          "icon": _VolumeDownOutlined2.default,
          "speed": 30
        }
      }, ["\u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4"])]), h(_Card.default, {
        "attrs": {
          "divider": true,
          "shadow": true
        }
      }, [h(_Card.default.Header, ["closable"]), h(_index.default, {
        "attrs": {
          "icon": _VolumeDownOutlined2.default,
          "delay": 2000,
          "action": "closable"
        }
      }, ["\u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4"])]), h(_Card.default, {
        "attrs": {
          "divider": true,
          "shadow": true
        }
      }, [h(_Card.default.Header, ["scrollable"]), h(_index.default, {
        "attrs": {
          "scrollable": true,
          "icon": _VolumeDownOutlined2.default,
          "action": "link"
        }
      }, ["\u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4\u3002For the first time, you have 15 minutes to experience."])]), h(_Card.default, {
        "attrs": {
          "divider": true,
          "shadow": true
        }
      }, [h(_Card.default.Header, ["offset 67%"]), h(_index.default, {
        "attrs": {
          "offset": "67%",
          "icon": _VolumeDownOutlined2.default,
          "action": "link"
        }
      }, ["\u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4\u3002For the first time, you have 15 minutes to experience."])]), h(_Card.default, {
        "attrs": {
          "divider": true,
          "shadow": true
        }
      }, [h(_Card.default.Header, ["offset 50% scrollable"]), h("keep-alive", [h("router-view")])]), h(_Card.default, {
        "attrs": {
          "divider": true,
          "shadow": true
        }
      }, [h(_Card.default.Header, ["multiline"]), h(_index.default, {
        "attrs": {
          "icon": _VolumeDownOutlined2.default,
          "action": "closable",
          "multiline": true
        }
      }, ["longtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtext"])]), h(_Card.default, {
        "attrs": {
          "divider": true,
          "shadow": true
        }
      }, [h(_Card.default.Header, ["link"]), h(_index.default, {
        "attrs": {
          "icon": _VolumeDownOutlined2.default,
          "action": "link"
        }
      }, ["\u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4"])]), h(_Card.default, {
        "attrs": {
          "divider": true,
          "shadow": true
        }
      }, [h(_Card.default.Header, ["slot: icon"]), h(_index.default, {
        "attrs": {
          "icon": _VolumeDownOutlined2.default,
          "action": "link"
        }
      }, [h(_Icon.default, {
        "attrs": {
          "type": _LockFilled2.default,
          "color": "red"
        },
        "slot": "icon"
      }), "\u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4"])])]);
    }
  });
};
var Warning = exports.Warning = function Warning() {
  return _vue.default.extend({
    render: function render() {
      var h = arguments[0];
      return h("div", [h(_Card.default, {
        "attrs": {
          "divider": true,
          "shadow": true
        }
      }, [h(_Card.default.Header, ["Basic"]), h(_index.default, {
        "attrs": {
          "type": "warning"
        }
      }, ["\u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4"])]), h(_Card.default, {
        "attrs": {
          "divider": true,
          "shadow": true
        }
      }, [h(_Card.default.Header, ["icon"]), h(_index.default, {
        "attrs": {
          "type": "warning",
          "icon": _VolumeDownOutlined2.default
        }
      }, ["\u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4"])]), h(_Card.default, {
        "attrs": {
          "divider": true,
          "shadow": true
        }
      }, [h(_Card.default.Header, ["closable"]), h(_index.default, {
        "attrs": {
          "type": "warning",
          "icon": _VolumeDownOutlined2.default,
          "action": "closable"
        }
      }, ["\u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4"])]), h(_Card.default, {
        "attrs": {
          "divider": true,
          "shadow": true
        }
      }, [h(_Card.default.Header, ["multiline"]), h(_index.default, {
        "attrs": {
          "type": "warning",
          "icon": _VolumeDownOutlined2.default,
          "action": "closable",
          "multiline": true
        }
      }, ["\u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4"])]), h(_Card.default, {
        "attrs": {
          "divider": true,
          "shadow": true
        }
      }, [h(_Card.default.Header, ["link"]), h(_index.default, {
        "attrs": {
          "type": "warning",
          "icon": _VolumeDownOutlined2.default,
          "action": "link"
        }
      }, ["\u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4, \u521D\u6B21\u4F7F\u7528\uFF0C\u60A8\u670915\u5206\u949F\u4F53\u9A8C\u65F6\u95F4"])])]);
    }
  });
};