huibo-ui 0.3.0

package/dist/components/hb-upload.js.map

@@ -0,0 +1 @@
+{"file":"hb-upload.js","mappings":"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","names":[],"sources":["src/components/Upload/upload.css?tag=hb-upload&encapsulation=shadow","src/components/Upload/Upload.tsx"],"sourcesContent":[":host { display: block; }\n.hb-upload__trigger--drag { border: 1px dashed var(--hb-color-border); border-radius: var(--hb-border-radius-base); padding: var(--hb-spacing-xl); text-align: center; cursor: pointer; color: var(--hb-color-text-secondary); transition: border-color 0.3s; }\n.hb-upload__trigger--drag:hover, .hb-upload__trigger--dragover { border-color: var(--hb-color-primary); color: var(--hb-color-primary); }\n.hb-upload__trigger--disabled { opacity: 0.5; cursor: not-allowed; }\n.hb-upload__btn { padding: var(--hb-spacing-xs) var(--hb-spacing-md); border: 1px solid var(--hb-color-border); border-radius: var(--hb-border-radius-sm); background: var(--hb-color-bg); cursor: pointer; font-size: var(--hb-font-size-sm); }\n.hb-upload__btn:hover { border-color: var(--hb-color-primary); color: var(--hb-color-primary); }\n.hb-upload__list { list-style: none; margin: var(--hb-spacing-sm) 0 0; padding: 0; }\n.hb-upload__item { display: flex; align-items: center; gap: var(--hb-spacing-xs); padding: var(--hb-spacing-xs) 0; font-size: var(--hb-font-size-sm); border-bottom: 1px solid var(--hb-color-border-secondary); }\n.hb-upload__item-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.hb-upload__item-size { color: var(--hb-color-text-secondary); font-size: var(--hb-font-size-xs); }\n.hb-upload__item-status { font-size: 12px; }\n.hb-upload__item--success .hb-upload__item-status { color: var(--hb-color-success); }\n.hb-upload__item--error .hb-upload__item-status { color: var(--hb-color-danger); }\n.hb-upload__item-remove { cursor: pointer; color: var(--hb-color-text-secondary); font-size: 16px; }\n.hb-upload__item-remove:hover { color: var(--hb-color-danger); }\n.hb-upload__item-progress { font-size: var(--hb-font-size-xs); color: var(--hb-color-primary); min-width: 34px; text-align: right; }\n","import { Component, h, Prop, Event, EventEmitter, State } from '@stencil/core';\n\nexport interface UploadFile {\n  name: string;\n  size: number;\n  type: string;\n  url?: string;\n  status: 'ready' | 'uploading' | 'success' | 'error';\n  /** 上传进度（0-100），仅 uploading 阶段有意义 */\n  progress?: number;\n  /** 服务端响应体（成功时） */\n  response?: any;\n}\n\n@Component({ tag: 'hb-upload', styleUrl: 'upload.css', shadow: true })\nexport class Upload {\n  /** 上传地址。设置后启用自动上传；未设置时文件以 ready 状态抛出，由消费方自行上传 */\n  @Prop() action?: string;\n\n  /** 多选 */\n  @Prop() multiple: boolean = false;\n\n  /** 接受的文件类型 */\n  @Prop() accept?: string;\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 最大上传数量 */\n  @Prop() limit?: number;\n\n  /** 是否拖拽上传 */\n  @Prop() drag: boolean = false;\n\n  /** 上传字段名 */\n  @Prop() name: string = 'file';\n\n  /** 额外的请求头 */\n  @Prop() headers?: Record<string, string>;\n\n  /** 额外的表单数据 */\n  @Prop() data?: Record<string, string>;\n\n  /** 是否携带凭证（cookie） */\n  @Prop() withCredentials: boolean = false;\n\n  /** 上传前钩子，返回 false / Promise<false> 则取消上传 */\n  @Prop() beforeUpload?: (file: File) => boolean | Promise<boolean>;\n\n  @Prop({ mutable: true }) fileList: UploadFile[] = [];\n\n  @State() isDragover: boolean = false;\n\n  @Event() hbChange: EventEmitter<UploadFile[]>;\n  @Event() hbSuccess: EventEmitter<UploadFile>;\n  @Event() hbError: EventEmitter<UploadFile>;\n\n  private inputRef?: HTMLInputElement;\n\n  private handleClick = () => {\n    if (!this.disabled) this.inputRef?.click();\n  };\n\n  private handleChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    if (target.files) this.handleFiles(target.files);\n    target.value = '';\n  };\n\n  private handleFiles = async (files: FileList) => {\n    for (let i = 0; i < files.length; i++) {\n      if (this.limit && this.fileList.length >= this.limit) break;\n      const file = files[i];\n\n      if (this.beforeUpload) {\n        try {\n          const ok = await this.beforeUpload(file);\n          if (!ok) continue;\n        } catch {\n          continue;\n        }\n      }\n\n      const uf: UploadFile = {\n        name: file.name,\n        size: file.size,\n        type: file.type,\n        status: this.action ? 'uploading' : 'ready',\n        progress: 0,\n      };\n      this.fileList = [...this.fileList, uf];\n      this.hbChange.emit(this.fileList);\n\n      if (this.action) {\n        this.realUpload(file, uf);\n      }\n    }\n  };\n\n  /** 真实上传：FormData + XHR，带进度回调 */\n  private realUpload = (file: File, uf: UploadFile) => {\n    const xhr = new XMLHttpRequest();\n    const formData = new FormData();\n    formData.append(this.name, file);\n    if (this.data) {\n      Object.entries(this.data).forEach(([k, v]) => formData.append(k, v));\n    }\n\n    xhr.upload.onprogress = (e) => {\n      if (e.lengthComputable) {\n        uf.progress = Math.round((e.loaded / e.total) * 100);\n        this.fileList = [...this.fileList];\n      }\n    };\n\n    xhr.onload = () => {\n      if (xhr.status >= 200 && xhr.status < 300) {\n        uf.status = 'success';\n        uf.response = this.parseResponse(xhr.response);\n        this.fileList = [...this.fileList];\n        this.hbSuccess.emit(uf);\n      } else {\n        uf.status = 'error';\n        this.fileList = [...this.fileList];\n        this.hbError.emit(uf);\n      }\n    };\n\n    xhr.onerror = () => {\n      uf.status = 'error';\n      this.fileList = [...this.fileList];\n      this.hbError.emit(uf);\n    };\n\n    xhr.open('POST', this.action as string, true);\n    xhr.withCredentials = this.withCredentials;\n    if (this.headers) {\n      Object.entries(this.headers).forEach(([k, v]) => xhr.setRequestHeader(k, v));\n    }\n    xhr.send(formData);\n  };\n\n  private parseResponse(raw: any): any {\n    if (typeof raw !== 'string') return raw;\n    try {\n      return JSON.parse(raw);\n    } catch {\n      return raw;\n    }\n  }\n\n  private handleRemove = (index: number) => {\n    const next = [...this.fileList];\n    next.splice(index, 1);\n    this.fileList = next;\n    this.hbChange.emit(next);\n  };\n\n  private handleDrop = (e: DragEvent) => {\n    e.preventDefault();\n    this.isDragover = false;\n    if (e.dataTransfer?.files) this.handleFiles(e.dataTransfer.files);\n  };\n\n  private handleDragOver = (e: DragEvent) => {\n    e.preventDefault();\n    this.isDragover = true;\n  };\n\n  private handleDragLeave = () => {\n    this.isDragover = false;\n  };\n\n  private formatSize(bytes: number): string {\n    if (bytes < 1024) return bytes + ' B';\n    if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';\n    return (bytes / (1024 * 1024)).toFixed(1) + ' MB';\n  }\n\n  private renderStatus(file: UploadFile) {\n    if (file.status === 'uploading') {\n      return <span class=\"hb-upload__item-progress\">{typeof file.progress === 'number' ? `${file.progress}%` : ''}</span>;\n    }\n    if (file.status === 'success') return <span class=\"hb-upload__item-status hb-upload__item-status--success\">✓</span>;\n    if (file.status === 'error') return <span class=\"hb-upload__item-status hb-upload__item-status--error\">✕</span>;\n    return null;\n  }\n\n  render() {\n    return (\n      <div class=\"hb-upload\">\n        <div\n          class={{\n            'hb-upload__trigger': true,\n            'hb-upload__trigger--drag': this.drag,\n            'hb-upload__trigger--dragover': this.isDragover,\n            'hb-upload__trigger--disabled': this.disabled,\n          }}\n          onClick={this.handleClick}\n          onDrop={this.drag ? this.handleDrop : undefined}\n          onDragOver={this.drag ? this.handleDragOver : undefined}\n          onDragLeave={this.drag ? this.handleDragLeave : undefined}\n        >\n          {this.drag ? <span>将文件拖到此处，或点击上传</span> : <slot><button type=\"button\" class=\"hb-upload__btn\">点击上传</button></slot>}\n        </div>\n        <input\n          type=\"file\"\n          ref={(el: any) => {\n            this.inputRef = el;\n          }}\n          multiple={this.multiple}\n          accept={this.accept}\n          disabled={this.disabled}\n          style={{ display: 'none' }}\n          onChange={this.handleChange}\n        />\n        {this.fileList.length > 0 && (\n          <ul class=\"hb-upload__list\">\n            {this.fileList.map((file, i) => (\n              <li class={{ 'hb-upload__item': true, [`hb-upload__item--${file.status}`]: true }}>\n                <span class=\"hb-upload__item-name\">{file.name}</span>\n                <span class=\"hb-upload__item-size\">{this.formatSize(file.size)}</span>\n                {this.renderStatus(file)}\n                <span class=\"hb-upload__item-remove\" onClick={() => this.handleRemove(i)}>×</span>\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/hb-watermark.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface HbWatermark extends Components.HbWatermark, HTMLElement {}
+export const HbWatermark: {
+    prototype: HbWatermark;
+    new (): HbWatermark;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/hb-watermark.js

@@ -0,0 +1,82 @@
+import { p as proxyCustomElement, H, h } from './p-1407a5e8.js';
+
+const watermarkCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block;position:relative}.hb-watermark{display:block;position:relative;width:100%}.hb-watermark__content{position:relative;z-index:1}.hb-watermark__layer{background-position:0 0;inset:0;pointer-events:none;position:absolute;z-index:9}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+const HbWatermarkStyle0 = watermarkCss;
+
+const Watermark = /*@__PURE__*/ proxyCustomElement(class Watermark extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    get host() { return this; }
+    /** 水印文字 */
+    content = '';
+    /** 单个水印单元宽度 */
+    width = 120;
+    /** 单个水印单元高度 */
+    height = 120;
+    /** 水印单元之间的间距 */
+    gap = 8;
+    /** 旋转角度 */
+    rotate = -22;
+    /** 字体颜色 */
+    fontColor = 'rgba(0,0,0,0.15)';
+    /** 字号 */
+    fontSize = 14;
+    get backgroundImage() {
+        const { width, height, content, fontColor, fontSize, rotate } = this;
+        const safeText = this.escapeXml(content || '');
+        const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}"><text x="50%" y="50%" dy="${fontSize / 4}" text-anchor="middle" fill="${fontColor}" font-size="${fontSize}" font-family="sans-serif" transform="rotate(${rotate} ${width / 2} ${height / 2})">${safeText}</text></svg>`;
+        return `url("data:image/svg+xml;utf8,${encodeURIComponent(svg)}")`;
+    }
+    escapeXml(input) {
+        return input
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;')
+            .replace(/'/g, '&apos;');
+    }
+    get layerStyle() {
+        const { backgroundImage, width, height, gap } = this;
+        return {
+            backgroundImage,
+            backgroundRepeat: 'repeat',
+            backgroundSize: `${width + gap}px ${height + gap}px`,
+        };
+    }
+    render() {
+        return (h("div", { key: '558715dfd1fb81bab3dace29384aedaf21695cdf', class: "hb-watermark" }, h("div", { key: '26c580f3327e7018425c5e4556b19c9947212ae9', class: "hb-watermark__content" }, h("slot", { key: 'ff91c80742bd753daeef67c4b50b5d2cfec8d4b9' })), h("div", { key: 'c1dc15846f1e6ffa9d0ee968f87deb342bd13176', class: "hb-watermark__layer", style: this.layerStyle, "aria-hidden": "true" })));
+    }
+    static get style() { return HbWatermarkStyle0; }
+}, [1, "hb-watermark", {
+        "content": [1],
+        "width": [2],
+        "height": [2],
+        "gap": [2],
+        "rotate": [2],
+        "fontColor": [1, "font-color"],
+        "fontSize": [2, "font-size"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hb-watermark"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hb-watermark":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Watermark);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const HbWatermark = Watermark;
+const defineCustomElement = defineCustomElement$1;
+
+export { HbWatermark, defineCustomElement };
+
+//# sourceMappingURL=hb-watermark.js.map

package/dist/components/hb-watermark.js.map

@@ -0,0 +1 @@
+{"file":"hb-watermark.js","mappings":";;AAAA,MAAM,YAAY,GAAG,+zMAA+zM,CAAC;AACr1M,0BAAe,YAAY;;MCUd,SAAS;;;;;;;;IAIZ,OAAO,GAAW,EAAE,CAAC;;IAGrB,KAAK,GAAW,GAAG,CAAC;;IAGpB,MAAM,GAAW,GAAG,CAAC;;IAGrB,GAAG,GAAW,CAAC,CAAC;;IAGhB,MAAM,GAAW,CAAC,EAAE,CAAC;;IAGrB,SAAS,GAAW,kBAAkB,CAAC;;IAGvC,QAAQ,GAAW,EAAE,CAAC;IAE9B,IAAY,eAAe;QACzB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QACrE,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QAC/C,MAAM,GAAG,GAAG,kDAAkD,KAAK,aAAa,MAAM,kBAAkB,KAAK,IAAI,MAAM,+BAA+B,QAAQ,GAAG,CAAC,gCAAgC,SAAS,gBAAgB,QAAQ,gDAAgD,MAAM,IAAI,KAAK,GAAG,CAAC,IAAI,MAAM,GAAG,CAAC,MAAM,QAAQ,eAAe,CAAC;QAClV,OAAO,gCAAgC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC;KACpE;IAEO,SAAS,CAAC,KAAa;QAC7B,OAAO,KAAK;aACT,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;aACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;aACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;aACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;aACvB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KAC5B;IAED,IAAY,UAAU;QACpB,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;QACrD,OAAO;YACL,eAAe;YACf,gBAAgB,EAAE,QAAQ;YAC1B,cAAc,EAAE,GAAG,KAAK,GAAG,GAAG,MAAM,MAAM,GAAG,GAAG,IAAI;SACrD,CAAC;KACH;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,cAAc,IACvB,4DAAK,KAAK,EAAC,uBAAuB,IAChC,8DAAQ,CACJ,EACN,4DAAK,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,iBAAc,MAAM,GAAO,CAC9E,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Watermark/watermark.css?tag=hb-watermark&encapsulation=shadow","src/components/Watermark/Watermark.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: block;\n}\n\n.hb-watermark {\n  position: relative;\n  display: block;\n  width: 100%;\n}\n\n.hb-watermark__content {\n  position: relative;\n  z-index: 1;\n}\n\n.hb-watermark__layer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 9;\n  pointer-events: none;\n  background-position: 0 0;\n}\n","import { Component, h, Prop, Element } from '@stencil/core';\n\n/**\n * Watermark 水印组件\n * 在内容之上平铺一层文字水印，常用于版权/防泄密标识\n */\n@Component({\n  tag: 'hb-watermark',\n  styleUrl: 'watermark.css',\n  shadow: true,\n})\nexport class Watermark {\n  @Element() host!: HTMLElement;\n\n  /** 水印文字 */\n  @Prop() content: string = '';\n\n  /** 单个水印单元宽度 */\n  @Prop() width: number = 120;\n\n  /** 单个水印单元高度 */\n  @Prop() height: number = 120;\n\n  /** 水印单元之间的间距 */\n  @Prop() gap: number = 8;\n\n  /** 旋转角度 */\n  @Prop() rotate: number = -22;\n\n  /** 字体颜色 */\n  @Prop() fontColor: string = 'rgba(0,0,0,0.15)';\n\n  /** 字号 */\n  @Prop() fontSize: number = 14;\n\n  private get backgroundImage(): string {\n    const { width, height, content, fontColor, fontSize, rotate } = this;\n    const safeText = this.escapeXml(content || '');\n    const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${width}\" height=\"${height}\" viewBox=\"0 0 ${width} ${height}\"><text x=\"50%\" y=\"50%\" dy=\"${fontSize / 4}\" text-anchor=\"middle\" fill=\"${fontColor}\" font-size=\"${fontSize}\" font-family=\"sans-serif\" transform=\"rotate(${rotate} ${width / 2} ${height / 2})\">${safeText}</text></svg>`;\n    return `url(\"data:image/svg+xml;utf8,${encodeURIComponent(svg)}\")`;\n  }\n\n  private escapeXml(input: string): string {\n    return input\n      .replace(/&/g, '&amp;')\n      .replace(/</g, '&lt;')\n      .replace(/>/g, '&gt;')\n      .replace(/\"/g, '&quot;')\n      .replace(/'/g, '&apos;');\n  }\n\n  private get layerStyle(): Record<string, string> {\n    const { backgroundImage, width, height, gap } = this;\n    return {\n      backgroundImage,\n      backgroundRepeat: 'repeat',\n      backgroundSize: `${width + gap}px ${height + gap}px`,\n    };\n  }\n\n  render() {\n    return (\n      <div class=\"hb-watermark\">\n        <div class=\"hb-watermark__content\">\n          <slot />\n        </div>\n        <div class=\"hb-watermark__layer\" style={this.layerStyle} aria-hidden=\"true\"></div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;

package/dist/components/index.js

@@ -0,0 +1,3 @@
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-1407a5e8.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"file":"index.js","mappings":"","names":[],"sources":[],"sourcesContent":[],"version":3}