@next-bricks/presentational 1.1.2 → 1.2.0

package/dist/chunks/eo-card-item.20f8f539.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chunks/eo-card-item.20f8f539.js","mappings":"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","sources":["webpack:///./src/card-item/index.tsx","webpack:///./src/card-item/host-contenxt.css","webpack:///./src/card-item/styles.shadow.css","webpack:///./src/card-item/host-contenxt.css?cf3c"],"sourcesContent":["import React, { CSSProperties, Ref, useCallback, useMemo } from \"react\";\nimport { createDecorators } from \"@next-core/element\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport type { Link, LinkProps } from \"@next-bricks/basic/link\";\nimport type {\n  GeneralIcon,\n  GeneralIconProps,\n} from \"@next-bricks/icons/general-icon\";\nimport type {\n  EoMiniActions,\n  EoMiniActionsProps,\n  EoMiniActionsEvents,\n  EoMiniActionsEventsMapping,\n  SimpleActionType,\n  ActionType,\n} from \"@next-bricks/basic/mini-actions\";\nimport \"@next-core/theme\";\nimport styleText from \"./styles.shadow.css\";\nimport classNames from \"classnames\";\nimport \"./host-contenxt.css\";\n\nconst { defineElement, property } = createDecorators();\n\nconst WrappedLink = wrapBrick<Link, LinkProps>(\"eo-link\");\nconst WrappedIcon = wrapBrick<GeneralIcon, GeneralIconProps>(\"eo-icon\");\nconst WrappedMiniActions = wrapBrick<\n  EoMiniActions,\n  EoMiniActionsProps,\n  EoMiniActionsEvents,\n  EoMiniActionsEventsMapping\n>(\"eo-mini-actions\", {\n  onActionClick: \"action.click\",\n});\n\ninterface IconAvatar {\n  containerSize?: string;\n  icon: GeneralIconProps;\n  color?: string;\n  size?: number;\n  shape?: \"circle\" | \"square\" | \"round-square\";\n  bgColor?: string;\n}\n\ninterface ImgAvatar {\n  containerSize?: string;\n  imgSrc: string;\n  imgStyle?: CSSProperties;\n  shape?: \"circle\" | \"square\" | \"round-square\";\n  bgColor?: string;\n}\n\nexport interface EoCardItemProps {\n  hasHeader?: boolean;\n  cardTitle: string;\n  description?: string;\n  auxiliaryText?: string;\n  avatar?: IconAvatar | ImgAvatar;\n  href?: LinkProps[\"href\"];\n  url?: LinkProps[\"url\"];\n  target?: LinkProps[\"target\"];\n  actions?: ActionType[];\n  hasExpandedArea1?: boolean;\n  hasExpandedArea2?: boolean;\n  styleType?: \"grayish\";\n  hasCover?: boolean;\n  coverImage?: string;\n  coverColor?: string;\n  avatarPosition?: \"content\" | \"cover\";\n}\n\n/**\n * 信息类卡片 —— 通用卡片\n * @slot expanded-area-1 - 扩展区域 1，通常放置标签信息\n * @slot expanded-area-2 - 扩展区域 2，通常放置操作和其他属性信息（图标/头像/小字描述/统计信息）\n * @category card-info\n */\nexport\n@defineElement(\"eo-card-item\", {\n  styleTexts: [styleText],\n})\nclass EoCardItem extends ReactNextElement implements EoCardItemProps {\n  /**\n   * 是否有顶部小标题\n   */\n  @property({\n    type: Boolean,\n  })\n  accessor hasHeader: boolean | undefined;\n\n  /**\n   * 卡片标题\n   */\n  @property()\n  accessor cardTitle!: string;\n\n  /**\n   * 描述信息\n   */\n  @property()\n  accessor description: string | undefined;\n\n  /**\n   * 顶部辅助文字\n   */\n  @property()\n  accessor auxiliaryText: string | undefined;\n\n  /**\n   * 图标\n   */\n  @property({\n    attribute: false,\n  })\n  accessor avatar: IconAvatar | ImgAvatar | undefined;\n\n  /**\n   * 设置 `href` 时将使用原生 `<a>` 标签，通常用于外链的跳转\n   */\n  @property() accessor href: LinkProps[\"href\"] | undefined;\n\n  /**\n   * 链接地址\n   */\n  @property({\n    attribute: false,\n  })\n  accessor url: LinkProps[\"url\"] | undefined;\n\n  /**\n   * 链接跳转目标\n   */\n  @property() accessor target: LinkProps[\"target\"] | undefined;\n\n  /**\n   * 操作按钮组\n   */\n  @property({\n    attribute: false,\n  })\n  accessor actions: ActionType[] | undefined;\n\n  /**\n   * 卡片样式类型\n   */\n  @property()\n  accessor styleType: \"grayish\" | undefined;\n\n  /**\n   * 是否使用卡片封面\n   */\n  @property()\n  accessor hasCover: boolean;\n\n  /**\n   * 卡片封面背景图片\n   */\n  @property({\n    attribute: false,\n  })\n  accessor coverImage: string;\n\n  /**\n   * 卡片封面背景颜色（使用纯色背景）\n   */\n  @property({\n    attribute: false,\n  })\n  accessor coverColor: string;\n\n  /**\n   * 图标是否放置在卡片封面\n   */\n  @property()\n  accessor avatarPosition: \"content\" | \"cover\";\n\n  /**\n   * 是否有扩展区域 1\n   * @internal\n   */\n  @property({\n    type: Boolean,\n  })\n  accessor hasExpandedArea1: boolean | undefined;\n\n  /**\n   * 是否有扩展区域 2\n   * @internal\n   */\n  @property({\n    type: Boolean,\n  })\n  accessor hasExpandedArea2: boolean | undefined;\n\n  #handleActionClick = (action: SimpleActionType) => {\n    this.dispatchEvent(new CustomEvent(action.event));\n  };\n\n  #renderCallback = () => {\n    const expandedArea1 = this.#getSlotBySelector(\n      \"slot[name='expanded-area-1']\"\n    );\n    const expandedArea2 = this.#getSlotBySelector(\n      \"slot[name='expanded-area-2']\"\n    );\n    expandedArea1?.addEventListener(\"slotchange\", () => {\n      this.hasExpandedArea1 = expandedArea1.assignedElements().length > 0;\n    });\n    expandedArea2?.addEventListener(\"slotchange\", () => {\n      this.hasExpandedArea2 = expandedArea2.assignedElements().length > 0;\n    });\n  };\n\n  #getSlotBySelector(selector: string): HTMLSlotElement {\n    return this.shadowRoot?.querySelector(selector) as HTMLSlotElement;\n  }\n\n  render() {\n    return (\n      <EoCardItemComponent\n        hasHeader={this.hasHeader}\n        cardTitle={this.cardTitle}\n        description={this.description}\n        auxiliaryText={this.auxiliaryText}\n        avatar={this.avatar}\n        actions={this.actions}\n        href={this.href}\n        url={this.url}\n        target={this.target}\n        callback={this.#renderCallback}\n        onActionClick={this.#handleActionClick}\n        hasCover={this.hasCover}\n        coverImage={this.coverImage}\n        coverColor={this.coverColor}\n        avatarPosition={this.avatarPosition}\n      />\n    );\n  }\n}\n\ninterface EoCardItemComponentProps extends EoCardItemProps {\n  callback?: Ref<HTMLDivElement>;\n  onActionClick?: (action: SimpleActionType) => void;\n}\n\nexport function EoCardItemComponent(props: EoCardItemComponentProps) {\n  const {\n    hasHeader,\n    cardTitle,\n    description,\n    auxiliaryText,\n    actions,\n    avatar,\n    url,\n    target,\n    href,\n    callback,\n    hasCover,\n    coverImage,\n    coverColor,\n    avatarPosition,\n    onActionClick,\n  } = props;\n\n  const handleActionClick = useCallback(\n    (event: CustomEvent<SimpleActionType>) => {\n      onActionClick?.(event.detail);\n    },\n    [onActionClick]\n  );\n\n  const MiniActions = useMemo(() => {\n    return (\n      <WrappedMiniActions\n        onActionClick={handleActionClick}\n        onClickCapture={(e) => {\n          e.preventDefault();\n        }}\n        className=\"operator\"\n        actions={actions}\n      />\n    );\n  }, [actions, handleActionClick]);\n\n  const Avatar = useMemo(() => {\n    if (!avatar) return;\n    if (\"icon\" in avatar && avatar.icon) {\n      const {\n        icon,\n        shape = \"round-square\",\n        bgColor,\n        color,\n        size = avatarPosition === \"cover\" ? 68 : 40,\n        containerSize = avatarPosition === \"cover\" ? 90 : 40,\n      } = avatar;\n      return (\n        <div\n          className={classNames(\"card-avatar\", shape && `card-avatar-${shape}`)}\n          style={{\n            background: bgColor,\n            width: containerSize,\n            height: containerSize,\n          }}\n        >\n          <WrappedIcon {...icon} style={{ color: color, fontSize: size }} />\n        </div>\n      );\n    } else if (\"imgSrc\" in avatar && avatar.imgSrc) {\n      const {\n        imgSrc,\n        shape = \"round-square\",\n        bgColor,\n        imgStyle,\n        containerSize = avatarPosition === \"cover\" ? 90 : 40,\n      } = avatar;\n      return (\n        <div\n          className={classNames(\"card-avatar\", shape && `card-avatar-${shape}`)}\n          style={{\n            background: bgColor,\n            width: containerSize,\n            height: containerSize,\n          }}\n        >\n          <img src={imgSrc} width={\"100%\"} height={\"100%\"} style={imgStyle} />\n        </div>\n      );\n    }\n  }, [avatar]);\n\n  // const shouldRenderCover = useMemo(() => {\n  //   return coverColor || coverImage;\n  // }, [coverColor, coverImage]);\n\n  return (\n    <WrappedLink type=\"plain\" url={url} target={target} href={href}>\n      <div className=\"card-wrapper\" ref={callback}>\n        {hasCover && (\n          <div className=\"card-cover-wrapper\">\n            <div\n              className=\"card-cover-content\"\n              style={{\n                ...(coverImage && { backgroundImage: `url(${coverImage})` }),\n                ...(coverColor && { backgroundColor: coverColor }),\n              }}\n            >\n              {MiniActions}\n              {avatarPosition === \"cover\" && Avatar}\n            </div>\n          </div>\n        )}\n        {hasHeader ? (\n          <div className=\"card-header\">\n            <div className=\"auxiliary-text\">{auxiliaryText}</div>\n            {!hasCover && MiniActions}\n          </div>\n        ) : (\n          !hasCover && MiniActions\n        )}\n        <div className=\"card-content\">\n          {avatarPosition !== \"cover\" && Avatar}\n          <div className=\"card-content-container\">\n            <div className=\"card-title\">{cardTitle}</div>\n            <div className=\"card-description\">{description}</div>\n          </div>\n        </div>\n        <div className=\"card-expanded-area-1\">\n          <slot name=\"expanded-area-1\" />\n        </div>\n        <div className=\"card-expanded-area-2\">\n          <slot name=\"expanded-area-2\" />\n        </div>\n      </div>\n    </WrappedLink>\n  );\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:root{--local-card-border:1px solid var(--card-item-border-color);--local-cover-border-bottom:1px solid var(--card-item-border-color);--local-box-shadow:0 0 0 1px var(--card-item-border-color);--local-card-hovered-border:none;--local-card-background-color:var(--card-item-bg);--local-cover-background-color:var(--color-fill-bg-base-3);--local-card-hovered-background-color:var(--card-item-hover-bg);--local-card-hovered-box-shadow:var(--card-item-hover-shadow);--local-card-title-color:var(--text-color-title);--local-card-hovered-title-color:var(--color-brand);--local-card-description-color:var(--text-color-secondary)}eo-card-item[style-type=\"grayish\"]{--local-card-border:1px solid transparent;--local-box-shadow:0 0 0 1px transparent;--local-card-hovered-border:1px solid transparent;--local-card-background-color:#f6f8fa;--local-card-hovered-background-color:var(--color-fill-bg-container-1);--local-card-hovered-box-shadow:0px 2px 12px 0px rgba(0,0,0,0.06);--local-card-title-color:var(--color-header-text);--local-card-hovered-title-color:var(--color-brand);--local-card-description-color:var(--color-secondary-text);--local-card-icon-box-shadow:0px 2px 4px 0px rgba(26,122,255,0.08);--local-card-hovered-icon-box-shadow:none;--local-card-icon-background-color:var(--color-fill-bg-container-1);--local-card-hovered-icon-background-color:var(--palette-gray-blue-1);--local-card-icon-color:var(--palette-gray-blue-6)}html[data-theme=\"dark\"] eo-card-item[style-type=\"grayish\"], html[data-theme=\"dark-v2\"] eo-card-item[style-type=\"grayish\"]{--local-card-hovered-border:1px solid rgba(255,255,255,0.12);--local-card-background-color:rgb(255 255 255/8%);--local-card-hovered-box-shadow:none;--local-card-icon-box-shadow:none;--local-card-hovered-icon-background-color:var(--palette-blue-2)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:flex;flex-direction:column}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}eo-icon{line-height:0.25em}eo-link{width:100%;height:100%}.card-wrapper{position:relative;background:var(--local-card-background-color);box-shadow:var(--local-box-shadow);border-radius:var(--larger-border-radius);transition:var(--card-transition);overflow:hidden;cursor:pointer;height:100%}.card-wrapper:hover{box-shadow:var(--local-card-hovered-box-shadow);background:var(--local-card-hovered-background-color)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px;height:32px}.auxiliary-text{font-size:11px;color:var(--text-color-disabled);line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([has-cover]) .operator,\n:host(:not([has-header])) .operator{position:absolute;top:6px;right:8px}:host(:not([has-header])) .card-content{padding-top:16px}.card-content{display:flex;gap:12px;padding:0 16px 16px 16px;align-items:center}.card-avatar{display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:var(--local-card-icon-box-shadow);background-color:var(--local-card-icon-background-color)}.card-avatar eo-icon{color:var(--local-card-icon-color)}.card-wrapper:hover .card-avatar{box-shadow:var(--local-card-hovered-icon-box-shadow);background-color:var(--local-card-hovered-icon-background-color)}.card-avatar-circle{border-radius:50%}.card-avatar-round-square{border-radius:var(--larger-border-radius)}.card-content-container{min-width:0;flex:1}.card-title{margin-bottom:3px;font-size:var(--normal-font-size);font-weight:var(--font-weight-500);color:var(--local-card-title-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-wrapper:hover .card-title{color:var(--local-card-hovered-title-color)}.card-description{font-size:var(--sub-title-font-size-small);color:var(--local-card-description-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host(:not([has-expanded-area1])) .card-expanded-area-1{display:none}.card-expanded-area-1{display:flex;align-items:center;justify-content:space-between;padding:0 16px 16px 16px}:host(:not([has-expanded-area2])) .card-expanded-area-2{display:none}.card-expanded-area-2{display:flex;align-items:center;justify-content:space-between;padding:0 16px 10px 16px}.card-cover-wrapper{position:relative;width:100%;padding-top:56.25%;background-color:var(--local-cover-background-color);border-bottom:var(--local-cover-border-bottom)}.card-cover-content{position:absolute;top:0;left:0;width:100%;height:100%;background-size:auto 100%;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./host-contenxt.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./host-contenxt.css\";\n       export default content && content.locals ? content.locals : undefined;\n"],"names":["_EoCardItem","defineElement","property","createDecorators","WrappedLink","wrapBrick","WrappedIcon","WrappedMiniActions","onActionClick","_dec","styleTexts","styleText","_dec2","type","Boolean","_dec3","_dec4","_dec5","_dec6","attribute","_dec7","_dec8","_dec9","_dec10","_dec11","_dec12","_dec13","_dec14","_dec15","_dec16","_dec17","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_handleActionClick","_renderCallback","_getSlotBySelector","WeakSet","EoCardItem","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","writable","value","_initProto","_init_hasHeader","_init_cardTitle","_init_description","_init_auxiliaryText","_init_avatar","_init_href","_init_url","_init_target","_init_actions","_init_styleType","_init_hasCover","_init_coverImage","_init_coverColor","_init_avatarPosition","_init_hasExpandedArea","_init_hasExpandedArea2","action","this","dispatchEvent","CustomEvent","event","expandedArea1","_classPrivateMethodGet","_getSlotBySelector2","call","expandedArea2","addEventListener","hasExpandedArea1","assignedElements","length","hasExpandedArea2","hasHeader","_classPrivateFieldGet","v","_classPrivateFieldSet","cardTitle","description","auxiliaryText","avatar","href","url","target","actions","styleType","hasCover","coverImage","coverColor","avatarPosition","render","React","EoCardItemComponent","callback","selector","_this$shadowRoot","shadowRoot","querySelector","props","handleActionClick","useCallback","detail","MiniActions","useMemo","onClickCapture","e","preventDefault","className","Avatar","icon","shape","bgColor","color","size","containerSize","classNames","concat","style","background","width","height","_extends","fontSize","imgSrc","imgStyle","src","ref","_objectSpread","backgroundImage","backgroundColor","name","_class","c","_initClass","_applyDecs","___CSS_LOADER_EXPORT___","push","module","id","toString","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals"],"sourceRoot":""}