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

Mobile UI Toolkit

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.WithShadow = exports.WithHeader = exports.NoPadding = exports.HeaderStatus = exports.BoldHeader = exports.Basic = void 0;
var _index = _interopRequireDefault(require("./index"));
require("./style");
var _Button = _interopRequireDefault(require("../Button"));
require("../Button/style");
var _DetailItem = _interopRequireDefault(require("../DetailItem"));
require("../DetailItem/style");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Components/DataDisplay/Card',
  parameters: {
    component: _index.default,
    options: {
      showPanel: true
    }
  }
};
var Basic = exports.Basic = function Basic() {
  return {
    render: function render() {
      var h = arguments[0];
      return h("div", {
        "style": "padding: 10px; background: #F5F5F5;"
      }, [h(_index.default, {
        "style": "margin-bottom: 10px;"
      }, ["simple card"])]);
    }
  };
};
var WithHeader = exports.WithHeader = function WithHeader() {
  return {
    render: function render() {
      var h = arguments[0];
      return h("div", {
        "style": "padding: 10px; background: #F5F5F5;"
      }, [h(_index.default, {
        "attrs": {
          "divider": true
        }
      }, [h(_index.default.Header, {
        "attrs": {
          "extra": "extra"
        }
      }, ["title"]), "simple content"])]);
    }
  };
};
var HeaderStatus = exports.HeaderStatus = function HeaderStatus() {
  return {
    render: function render() {
      var h = arguments[0];
      return h("div", {
        "style": "padding: 10px; background: #F5F5F5;"
      }, [h(_index.default, {
        "attrs": {
          "divider": true
        },
        "style": "margin-bottom: 10px;"
      }, [h(_index.default.Header, {
        "attrs": {
          "extra": "已取消"
        }
      }, ["\u8BA2\u5355\u72B6\u6001"]), h(_DetailItem.default, {
        "attrs": {
          "title": "预约医生",
          "content": "芬兰 副主任医生",
          "unactive": true
        }
      })]), h(_index.default, {
        "attrs": {
          "divider": true
        },
        "style": "margin-bottom: 10px;"
      }, [h(_index.default.Header, {
        "attrs": {
          "status": "error",
          "extra": "未支付"
        }
      }, ["\u8BA2\u5355\u72B6\u6001"]), h(_DetailItem.default, {
        "attrs": {
          "title": "预约医生",
          "content": "芬兰 副主任医生",
          "unactive": true
        }
      })]), h(_index.default, {
        "attrs": {
          "divider": true
        },
        "style": "margin-bottom: 10px;"
      }, [h(_index.default.Header, {
        "attrs": {
          "status": "success",
          "extra": "已支付"
        }
      }, ["\u8BA2\u5355\u72B6\u6001"]), h(_DetailItem.default, {
        "attrs": {
          "title": "预约医生",
          "content": "芬兰 副主任医生",
          "unactive": true
        }
      })])]);
    }
  };
};
var BoldHeader = exports.BoldHeader = function BoldHeader() {
  return {
    render: function render() {
      var h = arguments[0];
      return h("div", {
        "style": "padding: 10px; background: #F5F5F5;"
      }, [h(_index.default, {
        "attrs": {
          "divider": true,
          "borderless": true
        },
        "style": "margin-bottom: 10px;"
      }, [h(_index.default.Header, {
        "attrs": {
          "status": "success",
          "bold": true
        }
      }, ["\u5E38\u7528\u5DE5\u5177", h(_Button.default, {
        "attrs": {
          "link": true,
          "size": "sm"
        },
        "slot": "extra"
      }, ["\u66F4\u591A>", ' '])]), "\u8FD9\u5C31\u662F\u5185\u5BB9\u90E8\u5206\u4E86\u3002"])]);
    }
  };
};
var WithShadow = exports.WithShadow = function WithShadow() {
  return {
    render: function render() {
      var h = arguments[0];
      return h("div", {
        "style": "padding: 10px; background: #F5F5F5;"
      }, [h(_index.default, {
        "attrs": {
          "divider": true,
          "shadow": true
        },
        "style": "margin-bottom: 10px;"
      }, [h(_index.default.Header, {
        "attrs": {
          "status": "success",
          "extra": "已支付"
        }
      }, ["\u8BA2\u5355\u72B6\u6001"]), h(_DetailItem.default, {
        "attrs": {
          "title": "预约医生",
          "content": "芬兰 副主任医生",
          "unactive": true
        }
      })])]);
    }
  };
};
var NoPadding = exports.NoPadding = function NoPadding() {
  return {
    render: function render() {
      var h = arguments[0];
      return h("div", {
        "style": "padding: 10px; background: #F5F5F5;"
      }, [h(_index.default, {
        "attrs": {
          "divider": true,
          "shadow": true,
          "padding": false
        },
        "style": "margin-bottom: 10px;"
      }, [h(_index.default.Header, {
        "attrs": {
          "status": "success",
          "extra": "已支付"
        }
      }, ["\u8BA2\u5355\u72B6\u6001"]), "you see"])]);
    }
  };
};