text: import{h,e as extractClass,b as tag,W as WeElement,f as require$$0,g as commonjsGlobal,t as tw,s as sheet}from"./vendor.ee3ef776.js";import"./admin-docs.6268a56a.js";import"./code-demo.034d456f.js";import{M as Masonry}from"./masonry.3490a527.js";import"./___vite-browser-external_commonjs-proxy.6f9fb8ed.js";
  /*! *****************************************************************************
  Copyright (c) Microsoft Corporation.
  
  Permission to use, copy, modify, and/or distribute this software for any
  purpose with or without fee is hereby granted.
  
  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
  PERFORMANCE OF THIS SOFTWARE.
  ***************************************************************************** */var extendStatics$2=function(n,e){return(extendStatics$2=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,e){n.__proto__=e}||function(n,e){for(var t in e)e.hasOwnProperty(t)&&(n[t]=e[t])})(n,e)};function __extends$2(n,e){function t(){this.constructor=n}extendStatics$2(n,e),n.prototype=null===e?Object.create(e):(t.prototype=e.prototype,new t)}var __assign$1=function(){return(__assign$1=Object.assign||function(n){for(var e,t=1,o=arguments.length;t<o;t++)for(var r in e=arguments[t])Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}).apply(this,arguments)};function __decorate$2(n,e,t,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(n,e,t,o);else for(var c=n.length-1;c>=0;c--)(r=n[c])&&(a=(i<3?r(a):i>3?r(e,t,a):r(e,t))||a);return i>3&&a&&Object.defineProperty(e,t,a),a}var css$2=":host {\n  display: inline-block; }\n\n:host([block]) {\n  display: block; }\n\n.o-card {\n  display: flex;\n  flex-direction: column;\n  margin: 10px;\n  width: 300px;\n  border: 1px solid #EFEFEF; }\n\n.o-card-medium {\n  display: flex;\n  flex-direction: column;\n  margin: 10px;\n  width: 265px;\n  border: 1px solid #EFEFEF; }\n\n.o-card-small {\n  display: flex;\n  flex-direction: column;\n  margin: 10px;\n  width: 230px;\n  border: 1px solid #EFEFEF; }\n\n.o-card-header {\n  min-height: 48px;\n  padding: 0 24px;\n  border-bottom: 1px solid #EFEFEF;\n  border-radius: 2px 2px 0 0; }\n\n.o-card-header-medium {\n  min-height: 42px;\n  padding: 0 18px;\n  border-bottom: 1px solid #EFEFEF;\n  border-radius: 2px 2px 0 0; }\n\n.o-card-header-small {\n  min-height: 36px;\n  padding: 0 12px;\n  border-bottom: 1px solid #EFEFEF;\n  border-radius: 2px 2px 0 0; }\n\n.o-card-title {\n  float: left;\n  padding: 16px 0;\n  font-weight: 500;\n  font-size: 18px; }\n\n.o-card-extra {\n  float: right;\n  margin-left: auto;\n  padding: 16px 0;\n  font-weight: 500;\n  font-size: 14px;\n  cursor: pointer; }\n\n.o-card-title-medium {\n  float: left;\n  padding: 10px 0;\n  font-weight: 500;\n  font-size: 17px; }\n\n.o-card-extra-medium {\n  float: right;\n  margin-left: auto;\n  padding: 10px 0;\n  font-weight: 500;\n  font-size: 14px;\n  cursor: pointer; }\n\n.o-card-title-small {\n  float: left;\n  padding: 10px 0;\n  font-weight: 500;\n  font-size: 16px; }\n\n.o-card-extra-small {\n  float: right;\n  margin-left: auto;\n  padding: 10px 0;\n  font-weight: 500;\n  font-size: 14px;\n  cursor: pointer; }\n\n.o-card-body {\n  margin: 12px 24px;\n  font-weight: 200;\n  font-size: 14px;\n  line-height: 1.6; }\n\n.o-card-body-medium {\n  margin: 11px 22px;\n  font-weight: 200;\n  font-size: 13px;\n  line-height: 1.4; }\n\n.o-card-body-small {\n  margin: 10px 20px;\n  font-weight: 200;\n  font-size: 12px;\n  line-height: 1.2; }\n\n.o-card-footer {\n  height: 56px;\n  display: flex;\n  justify-content: center;\n  background-color: #fff; }\n\n.item.selected {\n  color: #07c160; }\n\n.item {\n  flex: 1;\n  color: rgba(0, 0, 0, 0.54);\n  padding: 6px 12px 8px;\n  transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n\nbutton {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  cursor: pointer;\n  outline: none;\n  border-top: 1px solid #EFEFEF;\n  border-right: 1px solid #EFEFEF;\n  border-left: none;\n  border-bottom: none;\n  background-color: #fff; }\n\nbutton:hover {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  cursor: pointer;\n  outline: none;\n  border-top: 1px solid #EFEFEF;\n  border-right: 1px solid #EFEFEF;\n  border-left: none;\n  border-bottom: none;\n  background-color: #EFEFEF; }\n\n.icon {\n  font-weight: normal;\n  font-style: normal;\n  font-size: 24px;\n  line-height: 1;\n  letter-spacing: normal;\n  text-transform: none;\n  display: block;\n  margin: 0 auto;\n  white-space: nowrap;\n  word-wrap: normal;\n  direction: ltr;\n  -webkit-font-feature-settings: 'liga';\n  -webkit-font-smoothing: antialiased; }\n\n.icon:hover {\n  font-weight: normal;\n  font-style: normal;\n  font-size: 24px;\n  line-height: 1;\n  letter-spacing: normal;\n  text-transform: none;\n  display: block;\n  margin: 0 auto;\n  white-space: nowrap;\n  word-wrap: normal;\n  direction: ltr;\n  color: #07C160;\n  -webkit-font-feature-settings: 'liga';\n  -webkit-font-smoothing: antialiased; }\n";!function(n){function e(){var e=null!==n&&n.apply(this,arguments)||this;return e.css=css$2,e.clickHandler=function(n){e.fire("change",n),e.update(!0)},e.handleMousemove=function(n){if("always"!==n){n&&function(){switch(e.props.size){case"large":e.css=css$2+".o-card:hover {\n            display: flex;\n            flex-direction: column;\n            margin: 10px;\n            width: 300px;\n            box-shadow: 0 1px 2px -2px #00000029, 0 3px 6px #0000001f, 0 5px 12px 4px #00000017;\n            transition: all .3s;\n            z-index: 1;\n          }";break;case"medium":e.css=css$2+".o-card-medium:hover {\n            display: flex;\n            flex-direction: column;\n            margin: 10px;\n            width: 265px;\n            box-shadow: 0 1px 2px -2px #00000029, 0 3px 6px #0000001f, 0 5px 12px 4px #00000017;\n            transition: all .3s;\n            z-index: 1;\n          }";break;case"small":e.css=css$2+".o-card-small:hover {\n            display: flex;\n            flex-direction: column;\n            margin: 10px;\n            width: 230px;\n            box-shadow: 0 1px 2px -2px #00000029, 0 3px 6px #0000001f, 0 5px 12px 4px #00000017;\n            transition: all .3s;\n            z-index: 1;\n          }";break;default:e.css=css$2+".o-card:hover {\n            display: flex;\n            flex-direction: column;\n            margin: 10px;\n            width: 300px;\n            box-shadow: 0 1px 2px -2px #00000029, 0 3px 6px #0000001f, 0 5px 12px 4px #00000017;\n            transition: all .3s;\n            z-index: 1;\n          }"}}()}else e.css=css$2+".o-card {\n        display: flex;\n        flex-direction: column;\n        margin: 10px;\n        width: 300px;\n        box-shadow: 0 1px 2px -2px #00000029, 0 3px 6px #0000001f, 0 5px 12px 4px #00000017;\n        transition: all .3s;\n        z-index: 1;\n      }"},e}__extends$2(e,n),e.prototype.render=function(n){var e,t,o,r,i,a=this;return h("div",__assign$1({},extractClass(n,"o-card",((e={})["o-card-"+n.size]=n.size,e)),{onMousemove:this.handleMousemove(n.hoverable)}),h("slot",{name:"cover"},h("div",__assign$1({},extractClass(n,"o-card-header",((t={})["o-card-header-"+n.size]=n.size,t))),h("div",__assign$1({},extractClass(n,"o-card-title",((o={})["o-card-title-"+n.size]=n.size,o))),n.title),h("div",__assign$1({},extractClass(n,"o-card-extra",((r={})["o-card-extra-"+n.size]=n.size,r))),h("slot",{name:"extra"})))),h("div",__assign$1({},extractClass(n,"o-card-body",((i={})["o-card-body-"+n.size]=n.size,i))),h("slot",null)),n.actions?h("div",{class:"o-card-footer"},n.actions.map((function(n,e){return a._iconTag="o-icon-"+n.icon,h("button",{onClick:function(e){a.clickHandler(n)},className:"item"},h(a._iconTag,{class:"icon"}))}))):null)},e.defaultProps={title:"",hoverable:"",extra:""},e.propTypes={title:String,hoverable:String,extra:String,actions:Array,size:String},e=__decorate$2([tag("o-card")],e)}(WeElement);
  /*! *****************************************************************************
  Copyright (c) Microsoft Corporation. All rights reserved.
  Licensed under the Apache License, Version 2.0 (the "License"); you may not use
  this file except in compliance with the License. You may obtain a copy of the
  License at http://www.apache.org/licenses/LICENSE-2.0
  
  THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
  WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
  MERCHANTABLITY OR NON-INFRINGEMENT.
  
  See the Apache Version 2.0 License for specific language governing permissions
  and limitations under the License.
  ***************************************************************************** */
  var extendStatics$1=function(n,e){return(extendStatics$1=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,e){n.__proto__=e}||function(n,e){for(var t in e)e.hasOwnProperty(t)&&(n[t]=e[t])})(n,e)};function __extends$1(n,e){function t(){this.constructor=n}extendStatics$1(n,e),n.prototype=null===e?Object.create(e):(t.prototype=e.prototype,new t)}var __assign=function(){return(__assign=Object.assign||function(n){for(var e,t=1,o=arguments.length;t<o;t++)for(var r in e=arguments[t])Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}).apply(this,arguments)};function __decorate$1(n,e,t,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(n,e,t,o);else for(var c=n.length-1;c>=0;c--)(r=n[c])&&(a=(i<3?r(a):i>3?r(e,t,a):r(e,t))||a);return i>3&&a&&Object.defineProperty(e,t,a),a}var css$1=":host {\n  display: inline-block; }\n\n* {\n  box-sizing: border-box; }\n\n.o-link {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  position: relative;\n  text-decoration: none;\n  outline: none;\n  cursor: pointer;\n  padding: 0;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 1px solid transparent; }\n\n.o-link:hover {\n  color: #07c160;\n  color: var(--o-primary, #07c160); }\n\n.o-link.is-underline:hover {\n  border-bottom: 1px solid #07c160;\n  border-bottom: 1px solid var(--o-primary, #07c160); }\n\n.o-link:active {\n  color: #059048;\n  color: var(--o-primary-active, #059048); }\n\n.o-link-primary {\n  color: #07c160;\n  color: var(--o-primary, #07c160); }\n\n.o-link-primary:hover {\n  color: rgba(7, 193, 96, 0.618);\n  color: var(--o-primary-fade-little, rgba(7, 193, 96, 0.618)); }\n\n.o-link-primary:active {\n  color: #059048;\n  color: var(--o-primary-active, #059048); }\n\n.o-link-primary.is-underline:hover {\n  border-bottom: 1px solid rgba(7, 193, 96, 0.618);\n  border-bottom: 1px solid var(--o-primary-fade-little, rgba(7, 193, 96, 0.618)); }\n\n.o-link-danger {\n  color: #fa5151;\n  color: var(--o-danger, #fa5151); }\n\n.o-link-danger:hover {\n  color: rgba(250, 81, 81, 0.618);\n  color: var(--o-danger-fade-little, rgba(250, 81, 81, 0.618)); }\n\n.o-link-danger:active {\n  color: #f91f1f;\n  color: var(--o-danger-active, #f91f1f); }\n\n.o-link-danger.is-underline:hover {\n  border-bottom: 1px solid rgba(250, 81, 81, 0.618);\n  border-bottom: 1px solid var(--o-danger-fade-little, rgba(250, 81, 81, 0.618)); }\n\n.o-link.is-disabled,\n.o-link.is-disabled:focus,\n.o-link.is-disabled:hover {\n  color: #c0c4cc;\n  cursor: not-allowed;\n  text-decoration: none;\n  border-bottom: 1px solid transparent; }\n";!function(n){function e(){return null!==n&&n.apply(this,arguments)||this}__extends$1(e,n),e.prototype.render=function(n){var e;return h("a",__assign({disabled:n.disabled,href:n.href,target:n.target},extractClass(n,"o-link",((e={})["o-link-"+n.type]=n.type,e["o-link-"+n.size]=n.size,e["is-underline"]=n.underline,e["is-disabled"]=n.disabled,e))),h("span",null,h("slot",null)))},e.css=css$1,e.defaultProps={underline:!0,disabled:!1},e.propTypes={type:String,disabled:Boolean,underline:Boolean,href:String,target:String},e=__decorate$1([tag("o-link")],e)}(WeElement);
  /*! *****************************************************************************
  Copyright (c) Microsoft Corporation.
  
  Permission to use, copy, modify, and/or distribute this software for any
  purpose with or without fee is hereby granted.
  
  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
  PERFORMANCE OF THIS SOFTWARE.
  ***************************************************************************** */
  var extendStatics=function(n,e){return(extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,e){n.__proto__=e}||function(n,e){for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t])})(n,e)};function __extends(n,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function t(){this.constructor=n}extendStatics(n,e),n.prototype=null===e?Object.create(e):(t.prototype=e.prototype,new t)}function __decorate(n,e,t,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(n,e,t,o);else for(var c=n.length-1;c>=0;c--)(r=n[c])&&(a=(i<3?r(a):i>3?r(e,t,a):r(e,t))||a);return i>3&&a&&Object.defineProperty(e,t,a),a}var css="/**\n * omiu tip css based on element ui css\n * Licensed under the MIT License\n * https://github.com/ElemeFE/element/blob/dev/LICENSE\n *\n * modified by dntzhang\n */\n:host {\n  display: inline-block; }\n\nimg {\n  width: 100%;\n  height: 100%; }\n\n.placeholder,\n.error {\n  width: 100%;\n  height: 100%;\n  display: block;\n  text-align: center;\n  font-size: 0.875em;\n  color: #bdc5d4;\n  background-color: #f5f7fa; }\n";!function(n){function e(){var e=null!==n&&n.apply(this,arguments)||this;return e.loaded=!1,e.loadError=!1,e.onLoad=function(){e.loaded=!0,e.update()},e.onError=function(){e.loaded=!1,e.loadError=!0,e.update()},e}__extends(e,n),e.prototype.installed=function(){var n=this.getBoundingClientRect().height+"px";this.error&&(this.error.style.lineHeight=n),this.placeholder&&(this.placeholder.style.lineHeight=n)},e.prototype.updated=function(){var n=this.getBoundingClientRect().height+"px";this.error&&(this.error.style.lineHeight=n),this.placeholder&&(this.placeholder.style.lineHeight=n)},e.prototype.render=function(n){var e=this;return h(h.f,null,h("img",{onload:this.onLoad,onerror:this.onError,src:n.src,style:{objectFit:n.fit,display:this.loaded?"block":"none"}}),this.loadError&&h("slot",{ref:function(n){return e.error=n},class:"error",name:"error"},n.errorMsg),!this.loadError&&h("slot",{name:"placeholder",style:{display:this.loaded?"none":"block  "},ref:function(n){return e.placeholder=n},class:"placeholder"}))},e.css=css,e.defaultProps={errorMsg:"加载失败"},e.propTypes={src:String,fit:String,errorMsg:String},e=__decorate([tag("o-image")],e)}(WeElement);var addAPhotoRounded={exports:{}};(function(module,exports){var factory;factory=function(__WEBPACK_EXTERNAL_MODULE_omi__){return function(n){var e={};function t(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return n[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}return t.m=n,t.c=e,t.d=function(n,e,o){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:o})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var r in n)t.d(o,r,function(e){return n[e]}.bind(null,r));return o},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s="./esm/add-a-photo-rounded.js")}({"./esm/add-a-photo-rounded.js":function(module,exports,__webpack_require__){eval('\nObject.defineProperty(exports, "__esModule", { value: true });\nvar omi_1 = __webpack_require__(/*! omi */ "omi");\nvar createSvgIcon_1 = __webpack_require__(/*! ./utils/createSvgIcon */ "./esm/utils/createSvgIcon.js");\nexports.default = createSvgIcon_1.default(omi_1.h(omi_1.h.f, null, omi_1.h("path", {\n    d: "M3 8c0 .55.45 1 1 1s1-.45 1-1V6h2c.55 0 1-.45 1-1s-.45-1-1-1H5V2c0-.55-.45-1-1-1s-1 .45-1 1v2H1c-.55 0-1 .45-1 1s.45 1 1 1h2v2z"\n}), omi_1.h("circle", {\n    cx: "13",\n    cy: "14",\n    r: "3"\n}), omi_1.h("path", {\n    d: "M21 6h-3.17l-1.24-1.35c-.37-.41-.91-.65-1.47-.65h-6.4c.17.3.28.63.28 1 0 1.1-.9 2-2 2H6v1c0 1.1-.9 2-2 2-.37 0-.7-.11-1-.28V20c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-8 13c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"\n})), \'AddAPhotoRounded\');\n\n\n//# sourceURL=webpack://%5Bname%5D/./esm/add-a-photo-rounded.js?')},"./esm/utils/createSvgIcon.js":function(module,exports,__webpack_require__){eval('\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nObject.defineProperty(exports, "__esModule", { value: true });\nvar omi_1 = __webpack_require__(/*! omi */ "omi");\nvar hyphenateRE = /\\B([A-Z])/g;\nvar hyphenate = function (str) {\n    return str.replace(hyphenateRE, \'-$1\').toLowerCase();\n};\nfunction createSvgIcon(path, displayName) {\n    omi_1.define(hyphenate(\'OIcon\' + displayName), function (_) {\n        return omi_1.h(\'svg\', __assign({ viewBox: "0 0 24 24", title: displayName }, _.props), path);\n    }, {\n        css: ":host {\\n  fill: currentColor;\\n  width: 1em;\\n  height: 1em;\\n  display: inline-block;\\n  vertical-align: -0.125em;\\n  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\n  flex-shrink: 0;\\n  user-select: none;\\n}"\n    });\n}\nexports.default = createSvgIcon;\n\n\n//# sourceURL=webpack://%5Bname%5D/./esm/utils/createSvgIcon.js?')},omi:function(module,exports){eval("module.exports = __WEBPACK_EXTERNAL_MODULE_omi__;\n\n//# sourceURL=webpack://%5Bname%5D/external_%7B%22commonjs%22:%22omi%22,%22commonjs2%22:%22omi%22,%22amd%22:%22omi%22,%22root%22:%22Omi%22%7D?")}}).default},module.exports=factory(require$$0)})(addAPhotoRounded);var addCommentRounded={exports:{}};(function(module,exports){var factory;factory=function(__WEBPACK_EXTERNAL_MODULE_omi__){return function(n){var e={};function t(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return n[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}return t.m=n,t.c=e,t.d=function(n,e,o){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:o})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var r in n)t.d(o,r,function(e){return n[e]}.bind(null,r));return o},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s="./esm/add-comment-rounded.js")}({"./esm/add-comment-rounded.js":function(module,exports,__webpack_require__){eval('\nObject.defineProperty(exports, "__esModule", { value: true });\nvar omi_1 = __webpack_require__(/*! omi */ "omi");\nvar createSvgIcon_1 = __webpack_require__(/*! ./utils/createSvgIcon */ "./esm/utils/createSvgIcon.js");\nexports.default = createSvgIcon_1.default(omi_1.h("path", {\n    d: "M22 4c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4V4zm-6 7h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3H8c-.55 0-1-.45-1-1s.45-1 1-1h3V6c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"\n}), \'AddCommentRounded\');\n\n\n//# sourceURL=webpack://%5Bname%5D/./esm/add-comment-rounded.js?')},"./esm/utils/createSvgIcon.js":function(module,exports,__webpack_require__){eval('\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nObject.defineProperty(exports, "__esModule", { value: true });\nvar omi_1 = __webpack_require__(/*! omi */ "omi");\nvar hyphenateRE = /\\B([A-Z])/g;\nvar hyphenate = function (str) {\n    return str.replace(hyphenateRE, \'-$1\').toLowerCase();\n};\nfunction createSvgIcon(path, displayName) {\n    omi_1.define(hyphenate(\'OIcon\' + displayName), function (_) {\n        return omi_1.h(\'svg\', __assign({ viewBox: "0 0 24 24", title: displayName }, _.props), path);\n    }, {\n        css: ":host {\\n  fill: currentColor;\\n  width: 1em;\\n  height: 1em;\\n  display: inline-block;\\n  vertical-align: -0.125em;\\n  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\n  flex-shrink: 0;\\n  user-select: none;\\n}"\n    });\n}\nexports.default = createSvgIcon;\n\n\n//# sourceURL=webpack://%5Bname%5D/./esm/utils/createSvgIcon.js?')},omi:function(module,exports){eval("module.exports = __WEBPACK_EXTERNAL_MODULE_omi__;\n\n//# sourceURL=webpack://%5Bname%5D/external_%7B%22commonjs%22:%22omi%22,%22commonjs2%22:%22omi%22,%22amd%22:%22omi%22,%22root%22:%22Omi%22%7D?")}}).default},module.exports=factory(require$$0)})(addCommentRounded);var addIcCallRounded={exports:{}};(function(module,exports){var factory;factory=function(__WEBPACK_EXTERNAL_MODULE_omi__){return function(n){var e={};function t(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return n[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}return t.m=n,t.c=e,t.d=function(n,e,o){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:o})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var r in n)t.d(o,r,function(e){return n[e]}.bind(null,r));return o},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s="./esm/add-ic-call-rounded.js")}({"./esm/add-ic-call-rounded.js":function(module,exports,__webpack_require__){eval('\nObject.defineProperty(exports, "__esModule", { value: true });\nvar omi_1 = __webpack_require__(/*! omi */ "omi");\nvar createSvgIcon_1 = __webpack_require__(/*! ./utils/createSvgIcon */ "./esm/utils/createSvgIcon.js");\nexports.default = createSvgIcon_1.default(omi_1.h("path", {\n    d: "M14 8h2v2c0 .55.45 1 1 1s1-.45 1-1V8h2c.55 0 1-.45 1-1s-.45-1-1-1h-2V4c0-.55-.45-1-1-1s-1 .45-1 1v2h-2c-.55 0-1 .45-1 1s.45 1 1 1zm5.21 7.27l-2.54-.29c-.61-.07-1.21.14-1.64.57l-1.84 1.84c-2.83-1.44-5.15-3.75-6.59-6.59l1.85-1.85c.43-.43.64-1.04.57-1.64l-.29-2.52c-.11-1.01-.97-1.78-1.98-1.78H5.02c-1.13 0-2.07.94-2 2.07.53 8.54 7.36 15.36 15.89 15.89 1.13.07 2.07-.87 2.07-2v-1.73c.01-1-.76-1.86-1.77-1.97z"\n}), \'AddIcCallRounded\');\n\n\n//# sourceURL=webpack://%5Bname%5D/./esm/add-ic-call-rounded.js?')},"./esm/utils/createSvgIcon.js":function(module,exports,__webpack_require__){eval('\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nObject.defineProperty(exports, "__esModule", { value: true });\nvar omi_1 = __webpack_require__(/*! omi */ "omi");\nvar hyphenateRE = /\\B([A-Z])/g;\nvar hyphenate = function (str) {\n    return str.replace(hyphenateRE, \'-$1\').toLowerCase();\n};\nfunction createSvgIcon(path, displayName) {\n    omi_1.define(hyphenate(\'OIcon\' + displayName), function (_) {\n        return omi_1.h(\'svg\', __assign({ viewBox: "0 0 24 24", title: displayName }, _.props), path);\n    }, {\n        css: ":host {\\n  fill: currentColor;\\n  width: 1em;\\n  height: 1em;\\n  display: inline-block;\\n  vertical-align: -0.125em;\\n  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\n  flex-shrink: 0;\\n  user-select: none;\\n}"\n    });\n}\nexports.default = createSvgIcon;\n\n\n//# sourceURL=webpack://%5Bname%5D/./esm/utils/createSvgIcon.js?')},omi:function(module,exports){eval("module.exports = __WEBPACK_EXTERNAL_MODULE_omi__;\n\n//# sourceURL=webpack://%5Bname%5D/external_%7B%22commonjs%22:%22omi%22,%22commonjs2%22:%22omi%22,%22amd%22:%22omi%22,%22root%22:%22Omi%22%7D?")}}).default},module.exports=factory(require$$0)})(addIcCallRounded);var __defProp=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__decorateClass=(n,e,t,o)=>{for(var r,i=o>1?void 0:o?__getOwnPropDesc(e,t):e,a=n.length-1;a>=0;a--)(r=n[a])&&(i=(o?r(e,t,i):r(i))||i);return o&&i&&__defProp(e,t,i),i};const tagName="card-component";let card_component_default=class extends WeElement{constructor(){super(...arguments),this.mdA='\n  ```html\n  // hoverable设置阴影,always总是显示|true鼠标悬浮时|false从不显示\n  <o-card hoverable="always">\n    \x3c!-- slot="cover" 若不填充内容，则header栏不显示。-简单卡片 --\x3e\n    <div slot="cover">\n    </div>\n      <p>Simple Card</p>\n      <p>Card content</p>\n      <p>Card content</p>\n  </o-card>\n  ```\n  ',this.mdB='\n  ```html\n  <o-card title="Default size card" hoverable="always">\n    <o-link\n      underline=\'0\'\n      type="primary"\n      target="_blank"\n      href="https://tencent.github.io/omi/"\n      slot="extra">\n        More\n    </o-link>\n      <p>Card content</p>\n      <p>Card content</p>\n      <p>Card content</p>\n  </o-card>\n  ```\n  ',this.mdC='\n  ```html\n  <o-card \n    title="Action card" \n    size="medium" \n    id="myActionA" \n    hoverable="always"\n    actions={\n      [{icon: \'add-a-photo-rounded\'},\n      {icon: \'add-ic-call-rounded\'},\n      {icon: \'add-comment-rounded\'}]}>\n    <o-link\n      underline=\'0\'\n      type="primary"\n      target="_blank"\n      href="https://tencent.github.io/omi/"\n      slot="extra">\n        More\n    </o-link>\n      <p>Card content</p>\n      <p>Card content</p>\n      <p>Card content</p>\n  </o-card>\n\n  <o-card\n    title="DNT\'s card"\n    id="myActionB"\n    actions={[{icon: \'add-ic-call-rounded\'}]}\n    hoverable="true">\n    <o-avatar slot="extra">DNT</o-avatar>\n      <p>Tel:</p>\n      <p>Company:</p>\n      <p>...</p>\n  </o-card>\n  ```\n  ',this.mdD='\n  ```html\n  <o-card \n    size="large"  \n    id="myActionC" \n    actions={\n      [{icon: \'add-ic-call-rounded\'},\n      {icon: \'add-comment-rounded\'}]}\n      hoverable="true">\n    <o-image\n      slot="cover"\n      src="https://cdc-old-dcloud-migrate-1258344706.cos.ap-guangzhou.myqcloud.com/data2/material/thumb/1/1190188000/VCG41N1127233809.jpg/thumb">\n    </o-image>\n    <div style="display: flex; justify-content: space-around; margin: 10px 0px">\n      <o-avatar style="margin: auto 0px;"\n        src="https://wx.gtimg.com/resource/feuploader/202108/fb85c997c6476acd7a1441043fdda775_204x204.png">\n      </o-avatar>\n      <div>\n        <p style="font-weight: 600; font-size: 1.2em;">Card title</p>\n        <p>This is the description</p>\n      </div>\n    </div>\n  </o-card>\n\n  <o-card hoverable="true">\n    <o-image\n      slot="cover"\n      src="https://cdc-old-dcloud-migrate-1258344706.cos.ap-guangzhou.myqcloud.com/data2/material/thumb/1/1199435000/VCG211199435578.jpg/thumb">\n    </o-image>\n      <p style="font-weight: 500>OMI Card</p>\n      <p><o-link \n        underline=\'0\' \n        type="primary" \n        target="_blank" \n        href="https://tencent.github.io/omi/" \n        slot="extra">\n        Welcome to OMI\n      </o-link></p>\n  </o-card>\n  ```\n  '}installed(){new Masonry(this.grid,{})}render(){const n=tw`px-2 w-full md:w-6/12`;return h("div",{class:tw`px-4`},h("div",{ref:n=>this.grid=n},h("div",{class:tw`${n}`},h("code-demo",{title:"简单卡片",describe:"只包含内容区域",code:this.mdA},h("div",{slot:"demo",class:tw`px-5 py-5`},h("o-card",{title:"Simple Card",hoverable:"always"},h("div",{slot:"cover"}),h("p",null,"Simple Card"),h("p",null,"Card content"),h("p",null,"Card content"))))),h("div",{class:tw`${n}`},h("code-demo",{title:"典型卡片",describe:"包含标题、内容、操作区域(extra)",code:this.mdB},h("div",{slot:"demo",class:tw`px-5 py-5`},h("o-card",{title:"Default size card",hoverable:"always"},h("o-link",{underline:"0",type:"primary",target:"_blank",href:"https://tencent.github.io/omi/",slot:"extra"},"More"),h("p",null,"Card content"),h("p",null,"Card content"),h("p",null,"Card content"))))),h("div",{class:tw`${n}`},h("code-demo",{title:"功能卡片",describe:"支持底部栏添加触发事件(o-icon)",code:this.mdC},h("div",{slot:"demo",class:tw`px-5 py-5`},h("o-card",{title:"Action card",hoverable:"always",size:"medium",id:"myActionA",actions:[{icon:"add-a-photo-rounded"},{icon:"add-ic-call-rounded"},{icon:"add-comment-rounded"}]},h("o-link",{underline:"0",type:"primary",target:"_blank",href:"https://tencent.github.io/omi/",slot:"extra"},"More"),h("p",null,"Card content"),h("p",null,"Card content"),h("p",null,"Card content")),h("o-card",{title:"DNT's card",id:"myActionB",actions:[{icon:"add-ic-call-rounded"}],hoverable:"true"},h("o-avatar",{slot:"extra"},"DNT"),h("p",null,"Tel:"),h("p",null,"Company:"),h("p",null,"..."))))),h("div",{class:tw`${n}`},h("code-demo",{title:"相册卡片",describe:"支持封面、头像、标题和描述信息的卡片",code:this.mdD},h("div",{slot:"demo",class:tw`px-5 py-5`},h("o-card",{title:"Action card",size:"large",id:"myActionC",actions:[{icon:"add-ic-call-rounded"},{icon:"add-comment-rounded"}],hoverable:"true"},h("o-image",{slot:"cover",src:"https://cdc-old-dcloud-migrate-1258344706.cos.ap-guangzhou.myqcloud.com/data2/material/thumb/1/1190188000/VCG41N1127233809.jpg/thumb"}),h("div",{style:"display: flex; justify-content: space-around; margin: 10px 0px"},h("o-avatar",{style:"margin: auto 0px;",src:"https://wx.gtimg.com/resource/feuploader/202108/fb85c997c6476acd7a1441043fdda775_204x204.png"}),h("div",null,h("p",{style:"font-weight: 600; font-size: 1.2em;"},"Card title"),h("p",null,"This is the description")))),h("o-card",{hoverable:"true"},h("o-image",{slot:"cover",src:"https://cdc-old-dcloud-migrate-1258344706.cos.ap-guangzhou.myqcloud.com/data2/material/thumb/1/1199435000/VCG211199435578.jpg/thumb"}),h("p",null,"OMI Card"),h("p",null,h("o-link",{underline:"0",type:"primary",target:"_blank",href:"https://tencent.github.io/omi/",slot:"extra"},"Welcome to OMI"))))))))}};card_component_default.css=sheet.target,card_component_default=__decorateClass([tag(tagName)],card_component_default);export{card_component_default as default};
  