@qxs-bns/components 0.0.90 → 0.0.92

package/es/photo-crop-tool.mjs

@@ -0,0 +1,147 @@
+import{css as b,LitElement as v,html as f}from"lit";import{property as u,state as y,query as R}from"lit/decorators.js";import{styleMap as x}from"lit/directives/style-map.js";import{safeCustomElement as z}from"./base/define.mjs";var M=Object.defineProperty,S=Object.getOwnPropertyDescriptor,d=(e,t,i,h)=>{for(var r=h>1?void 0:h?S(t,i):t,s=e.length-1,o;s>=0;s--)(o=e[s])&&(r=(h?o(t,i,r):o(r))||r);return h&&r&&M(t,i,r),r};function c(e,t,i){return Math.min(Math.max(e,t),i)}function w(e){const[t,i]=e.split("/").map(h=>Number.parseFloat(h.trim()));return!t||!i||Number.isNaN(t)||Number.isNaN(i)?16/9:t/i}let g=class extends v{constructor(){super(...arguments),this.imgFile=null,this.aspectRatio="16 / 9",this.defaultWidth=320,this.defaultHeight=180,this.zoomType="fixed",this._errorMessage="",this._imageUrl="",this._cropRect={x:0,y:0,width:320,height:180},this._imageRect={x:0,y:0,width:0,height:0},this._resizeObserver=null,this._dragType=null,this._dragOrigin=null,this._dragStartRect=null,this._pendingReset=!0,this._rafId=0,this._handleImageLoad=()=>{this._scheduleLayoutSync()},this._handlePointerDown=(e,t)=>{t.preventDefault(),t.stopPropagation(),this._dragType=e,this._dragOrigin={x:t.clientX,y:t.clientY},this._dragStartRect={...this._cropRect}},this._handlePointerMove=e=>{if(!this._dragType||!this._dragOrigin||!this._dragStartRect)return;e.preventDefault();const t=e.clientX-this._dragOrigin.x,i=e.clientY-this._dragOrigin.y;if(this._dragType==="move"){this._cropRect=this._clampMoveRect({...this._dragStartRect,x:this._dragStartRect.x+t,y:this._dragStartRect.y+i});return}this._cropRect=this._resizeByHandle(this._dragType,this._dragStartRect,t,i)},this._handlePointerUp=()=>{this._dragType=null,this._dragOrigin=null,this._dragStartRect=null}}connectedCallback(){super.connectedCallback(),window.addEventListener("pointermove",this._handlePointerMove),window.addEventListener("pointerup",this._handlePointerUp),window.addEventListener("pointercancel",this._handlePointerUp)}firstUpdated(){typeof ResizeObserver>"u"||(this._resizeObserver=new ResizeObserver(()=>{this._scheduleLayoutSync()}),this._resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this._revokeImageUrl(),this._resizeObserver?.disconnect(),this._rafId&&(cancelAnimationFrame(this._rafId),this._rafId=0),window.removeEventListener("pointermove",this._handlePointerMove),window.removeEventListener("pointerup",this._handlePointerUp),window.removeEventListener("pointercancel",this._handlePointerUp)}updated(e){e.has("imgFile")&&this._applyImageFile(),(e.has("defaultWidth")||e.has("defaultHeight")||e.has("aspectRatio")||e.has("zoomType"))&&(this._pendingReset=!0,this._scheduleLayoutSync())}async crop(){if(!this._image||!this._imageRect.width||!this._image.naturalWidth||!this._image.naturalHeight)return null;const e=this._image.naturalWidth/this._imageRect.width,t=Math.max(this._cropRect.x-this._imageRect.x,0)*e,i=Math.max(this._cropRect.y-this._imageRect.y,0)*e,h=Math.max(this._cropRect.width*e,1),r=Math.max(this._cropRect.height*e,1),s=document.createElement("canvas");s.width=Math.round(h),s.height=Math.round(r);const o=s.getContext("2d");return o?(o.drawImage(this._image,t,i,h,r,0,0,s.width,s.height),await new Promise(n=>{s.toBlob(l=>{if(!l){n(null);return}n(new File([l],"cropped_image.png",{type:"image/png"}))},"image/png")})):null}resize(){this._pendingReset=!0,this._resetCropRect()}_applyImageFile(){if(this._revokeImageUrl(),!this.imgFile){this._errorMessage="",this._imageUrl="",this._pendingReset=!0,this._cropRect={x:0,y:0,width:this.defaultWidth,height:this.defaultHeight};return}if(!this.imgFile.type.startsWith("image/")){this._errorMessage="文件类型错误",this._imageUrl="";return}this._errorMessage="",this._imageUrl=URL.createObjectURL(this.imgFile),this._pendingReset=!0}_revokeImageUrl(){this._imageUrl&&URL.revokeObjectURL(this._imageUrl)}_scheduleLayoutSync(){this._rafId&&cancelAnimationFrame(this._rafId),this._rafId=requestAnimationFrame(()=>{this._rafId=0,this._syncImageRect()})}_syncImageRect(){if(!this._container||!this._image||!this._image.naturalWidth||!this._image.naturalHeight)return;const e=this._container.clientWidth||this.clientWidth,t=this._container.clientHeight||this.clientHeight;if(!e||!t)return;const i=Math.min(e/this._image.naturalWidth,t/this._image.naturalHeight),h=this._image.naturalWidth*i,r=this._image.naturalHeight*i,s=(e-h)/2,o=(t-r)/2;this._imageRect={x:s,y:o,width:h,height:r},this._pendingReset?(this._resetCropRect(),this._pendingReset=!1):this._cropRect=this._clampMoveRect(this._cropRect)}_resetCropRect(){const e=w(this.aspectRatio),t=this._imageRect.width||this.defaultWidth,i=this._imageRect.height||this.defaultHeight;let h=Math.min(this.defaultWidth,t),r=Math.min(this.defaultHeight,i);this.zoomType==="fixed"&&(r=h/e,r>i&&(r=i,h=r*e)),h=Math.min(h,t),r=Math.min(r,i),this._cropRect={x:this._imageRect.x+(t-h)/2,y:this._imageRect.y+(i-r)/2,width:h,height:r}}_clampMoveRect(e){const t=this._imageRect.x+this._imageRect.width-e.width,i=this._imageRect.y+this._imageRect.height-e.height;return{...e,x:c(e.x,this._imageRect.x,t),y:c(e.y,this._imageRect.y,i)}}_resizeByHandle(e,t,i,h){return this.zoomType==="free"?this._resizeFree(e,t,i,h):this._resizeFixed(e,t,i)}_resizeFree(e,t,i,h){const s=t.x,o=t.y,n=t.x+t.width,l=t.y+t.height;if(e==="top-left"){const _=c(s+i,this._imageRect.x,n-40),m=c(o+h,this._imageRect.y,l-40);return{x:_,y:m,width:n-_,height:l-m}}if(e==="top-right"){const _=c(n+i,s+40,this._imageRect.x+this._imageRect.width),m=c(o+h,this._imageRect.y,l-40);return{x:s,y:m,width:_-s,height:l-m}}if(e==="bottom-right"){const _=c(n+i,s+40,this._imageRect.x+this._imageRect.width),m=c(l+h,o+40,this._imageRect.y+this._imageRect.height);return{x:s,y:o,width:_-s,height:m-o}}const a=c(s+i,this._imageRect.x,n-40),p=c(l+h,o+40,this._imageRect.y+this._imageRect.height);return{x:a,y:o,width:n-a,height:p-o}}_resizeFixed(e,t,i){const h=w(this.aspectRatio),r=40,s=t.x+t.width,o=t.y+t.height;if(e==="top-left"){let a=c(t.width-i,r,s-this._imageRect.x);a=Math.min(a,(o-this._imageRect.y)*h);const p=a/h;return{x:s-a,y:o-p,width:a,height:p}}if(e==="top-right"){let a=c(t.width+i,r,this._imageRect.x+this._imageRect.width-t.x);a=Math.min(a,(o-this._imageRect.y)*h);const p=a/h;return{x:t.x,y:o-p,width:a,height:p}}if(e==="bottom-right"){let a=c(t.width+i,r,this._imageRect.x+this._imageRect.width-t.x);a=Math.min(a,(this._imageRect.y+this._imageRect.height-t.y)*h);const p=a/h;return{x:t.x,y:t.y,width:a,height:p}}let n=c(t.width-i,r,s-this._imageRect.x);n=Math.min(n,(this._imageRect.y+this._imageRect.height-t.y)*h);const l=n/h;return{x:s-n,y:t.y,width:n,height:l}}render(){const e=this._imageRect.width?x({left:`${this._imageRect.x}px`,top:`${this._imageRect.y}px`,width:`${this._imageRect.width}px`,height:`${this._imageRect.height}px`}):"",t=x({left:`${this._cropRect.x}px`,top:`${this._cropRect.y}px`,width:`${this._cropRect.width}px`,height:`${this._cropRect.height}px`,aspectRatio:this.zoomType==="fixed"?this.aspectRatio:""});return f`
+      <div part="container" class="img-box">
+        ${this._errorMessage?f`<div part="error-message" class="error-message">${this._errorMessage}</div>`:this._imageUrl?f`
+                <img
+                  part="image"
+                  class="image"
+                  style=${e}
+                  src=${this._imageUrl}
+                  alt=""
+                  @load=${this._handleImageLoad}
+                />
+                <div
+                  part="crop-box"
+                  class="crop-tool-box"
+                  style=${t}
+                  @pointerdown=${i=>this._handlePointerDown("move",i)}
+                >
+                  <div
+                    part="handle top-left"
+                    class="handle top-left"
+                    @pointerdown=${i=>this._handlePointerDown("top-left",i)}
+                  ></div>
+                  <div
+                    part="handle top-right"
+                    class="handle top-right"
+                    @pointerdown=${i=>this._handlePointerDown("top-right",i)}
+                  ></div>
+                  <div
+                    part="handle bottom-right"
+                    class="handle bottom-right"
+                    @pointerdown=${i=>this._handlePointerDown("bottom-right",i)}
+                  ></div>
+                  <div
+                    part="handle bottom-left"
+                    class="handle bottom-left"
+                    @pointerdown=${i=>this._handlePointerDown("bottom-left",i)}
+                  ></div>
+                </div>
+              `:f`<div part="placeholder" class="placeholder">请选择图片</div>`}
+      </div>
+    `}};g.styles=b`
+    :host {
+      display: block;
+      width: 100%;
+      height: 100%;
+      min-height: 240px;
+    }
+
+    .img-box {
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      background: #fafafa;
+      border-radius: 12px;
+    }
+
+    .placeholder,
+    .error-message {
+      padding: 20px;
+      font-size: 14px;
+      line-height: 1.6;
+      color: #64748b;
+      text-align: center;
+    }
+
+    .error-message {
+      color: #dc2626;
+    }
+
+    .image {
+      position: absolute;
+      inset: 0;
+      user-select: none;
+      -webkit-user-drag: none;
+      pointer-events: none;
+    }
+
+    .crop-tool-box {
+      position: absolute;
+      box-sizing: border-box;
+      overflow: visible;
+      cursor: move;
+      border: 1px dashed #fff;
+      box-shadow: 0 0 0 9999px rgb(0 0 0 / 40%);
+      touch-action: none;
+    }
+
+    .handle {
+      position: absolute;
+      z-index: 2;
+      width: 28%;
+      aspect-ratio: 1 / 1;
+      background-color: rgb(2 2 2 / 1%);
+      border-radius: 50%;
+      transition: background-color 0.2s ease;
+    }
+
+    .handle::after {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 10px;
+      height: 10px;
+      content: '';
+      background: var(--vp-c-brand-1, #3d61e3);
+      border-radius: 50%;
+      transform: translate(-50%, -50%);
+    }
+
+    .handle:hover,
+    .handle:active {
+      background-color: rgb(2 2 2 / 50%);
+    }
+
+    .top-left {
+      top: 0;
+      left: 0;
+      cursor: nwse-resize;
+      transform: translate(-50%, -50%);
+    }
+
+    .top-right {
+      top: 0;
+      right: 0;
+      cursor: nesw-resize;
+      transform: translate(50%, -50%);
+    }
+
+    .bottom-right {
+      right: 0;
+      bottom: 0;
+      cursor: nwse-resize;
+      transform: translate(50%, 50%);
+    }
+
+    .bottom-left {
+      bottom: 0;
+      left: 0;
+      cursor: nesw-resize;
+      transform: translate(-50%, 50%);
+    }
+  `;d([u({attribute:!1})],g.prototype,"imgFile",2);d([u({type:String,attribute:"aspect-ratio"})],g.prototype,"aspectRatio",2);d([u({type:Number,attribute:"default-width"})],g.prototype,"defaultWidth",2);d([u({type:Number,attribute:"default-height"})],g.prototype,"defaultHeight",2);d([u({type:String,attribute:"zoom-type"})],g.prototype,"zoomType",2);d([y()],g.prototype,"_errorMessage",2);d([y()],g.prototype,"_imageUrl",2);d([y()],g.prototype,"_cropRect",2);d([y()],g.prototype,"_imageRect",2);d([R(".img-box")],g.prototype,"_container",2);d([R(".image")],g.prototype,"_image",2);g=d([z("qxs-photo-crop-tool")],g);export{g as QxsPhotoCropTool};
+//# sourceMappingURL=photo-crop-tool.mjs.map

package/es/photo-crop-tool.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"photo-crop-tool.mjs","sources":["../../../packages/components/src/photo-crop-tool.ts"],"sourcesContent":["import { LitElement, css, html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { safeCustomElement } from './base/define'\n\ntype ZoomType = 'fixed' | 'free'\ntype HandleType = 'move' | 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'\n\ntype CropRect = {\n  x: number\n  y: number\n  width: number\n  height: number\n}\n\ntype DisplayRect = CropRect\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max)\n}\n\nfunction parseAspectRatio(value: string) {\n  const [left, right] = value.split('/').map(part => Number.parseFloat(part.trim()))\n  if (!left || !right || Number.isNaN(left) || Number.isNaN(right)) {\n    return 16 / 9\n  }\n  return left / right\n}\n\n@safeCustomElement('qxs-photo-crop-tool')\nexport class QxsPhotoCropTool extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n      min-height: 240px;\n    }\n\n    .img-box {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n      background: #fafafa;\n      border-radius: 12px;\n    }\n\n    .placeholder,\n    .error-message {\n      padding: 20px;\n      font-size: 14px;\n      line-height: 1.6;\n      color: #64748b;\n      text-align: center;\n    }\n\n    .error-message {\n      color: #dc2626;\n    }\n\n    .image {\n      position: absolute;\n      inset: 0;\n      user-select: none;\n      -webkit-user-drag: none;\n      pointer-events: none;\n    }\n\n    .crop-tool-box {\n      position: absolute;\n      box-sizing: border-box;\n      overflow: visible;\n      cursor: move;\n      border: 1px dashed #fff;\n      box-shadow: 0 0 0 9999px rgb(0 0 0 / 40%);\n      touch-action: none;\n    }\n\n    .handle {\n      position: absolute;\n      z-index: 2;\n      width: 28%;\n      aspect-ratio: 1 / 1;\n      background-color: rgb(2 2 2 / 1%);\n      border-radius: 50%;\n      transition: background-color 0.2s ease;\n    }\n\n    .handle::after {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 10px;\n      height: 10px;\n      content: '';\n      background: var(--vp-c-brand-1, #3d61e3);\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    .handle:hover,\n    .handle:active {\n      background-color: rgb(2 2 2 / 50%);\n    }\n\n    .top-left {\n      top: 0;\n      left: 0;\n      cursor: nwse-resize;\n      transform: translate(-50%, -50%);\n    }\n\n    .top-right {\n      top: 0;\n      right: 0;\n      cursor: nesw-resize;\n      transform: translate(50%, -50%);\n    }\n\n    .bottom-right {\n      right: 0;\n      bottom: 0;\n      cursor: nwse-resize;\n      transform: translate(50%, 50%);\n    }\n\n    .bottom-left {\n      bottom: 0;\n      left: 0;\n      cursor: nesw-resize;\n      transform: translate(-50%, 50%);\n    }\n  `\n\n  @property({ attribute: false }) imgFile: File | null = null\n  @property({ type: String, attribute: 'aspect-ratio' }) aspectRatio = '16 / 9'\n  @property({ type: Number, attribute: 'default-width' }) defaultWidth = 320\n  @property({ type: Number, attribute: 'default-height' }) defaultHeight = 180\n  @property({ type: String, attribute: 'zoom-type' }) zoomType: ZoomType = 'fixed'\n\n  @state() private _errorMessage = ''\n  @state() private _imageUrl = ''\n  @state() private _cropRect: CropRect = { x: 0, y: 0, width: 320, height: 180 }\n  @state() private _imageRect: DisplayRect = { x: 0, y: 0, width: 0, height: 0 }\n\n  @query('.img-box') private _container?: HTMLDivElement\n  @query('.image') private _image?: HTMLImageElement\n\n  private _resizeObserver: ResizeObserver | null = null\n  private _dragType: HandleType | null = null\n  private _dragOrigin: { x: number, y: number } | null = null\n  private _dragStartRect: CropRect | null = null\n  private _pendingReset = true\n  private _rafId = 0\n\n  connectedCallback() {\n    super.connectedCallback()\n    window.addEventListener('pointermove', this._handlePointerMove)\n    window.addEventListener('pointerup', this._handlePointerUp)\n    window.addEventListener('pointercancel', this._handlePointerUp)\n  }\n\n  firstUpdated() {\n    if (typeof ResizeObserver === 'undefined') {\n      return\n    }\n\n    this._resizeObserver = new ResizeObserver(() => {\n      this._scheduleLayoutSync()\n    })\n    this._resizeObserver.observe(this)\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this._revokeImageUrl()\n    this._resizeObserver?.disconnect()\n    if (this._rafId) {\n      cancelAnimationFrame(this._rafId)\n      this._rafId = 0\n    }\n    window.removeEventListener('pointermove', this._handlePointerMove)\n    window.removeEventListener('pointerup', this._handlePointerUp)\n    window.removeEventListener('pointercancel', this._handlePointerUp)\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('imgFile')) {\n      this._applyImageFile()\n    }\n\n    if (changed.has('defaultWidth') || changed.has('defaultHeight') || changed.has('aspectRatio') || changed.has('zoomType')) {\n      this._pendingReset = true\n      this._scheduleLayoutSync()\n    }\n  }\n\n  async crop() {\n    if (!this._image || !this._imageRect.width || !this._image.naturalWidth || !this._image.naturalHeight) {\n      return null\n    }\n\n    const scale = this._image.naturalWidth / this._imageRect.width\n    const cropX = Math.max(this._cropRect.x - this._imageRect.x, 0) * scale\n    const cropY = Math.max(this._cropRect.y - this._imageRect.y, 0) * scale\n    const cropWidth = Math.max(this._cropRect.width * scale, 1)\n    const cropHeight = Math.max(this._cropRect.height * scale, 1)\n\n    const canvas = document.createElement('canvas')\n    canvas.width = Math.round(cropWidth)\n    canvas.height = Math.round(cropHeight)\n    const context = canvas.getContext('2d')\n\n    if (!context) {\n      return null\n    }\n\n    context.drawImage(\n      this._image,\n      cropX,\n      cropY,\n      cropWidth,\n      cropHeight,\n      0,\n      0,\n      canvas.width,\n      canvas.height,\n    )\n\n    return await new Promise<File | null>((resolve) => {\n      canvas.toBlob((blob) => {\n        if (!blob) {\n          resolve(null)\n          return\n        }\n\n        resolve(new File([blob], 'cropped_image.png', { type: 'image/png' }))\n      }, 'image/png')\n    })\n  }\n\n  resize() {\n    this._pendingReset = true\n    this._resetCropRect()\n  }\n\n  private _applyImageFile() {\n    this._revokeImageUrl()\n\n    if (!this.imgFile) {\n      this._errorMessage = ''\n      this._imageUrl = ''\n      this._pendingReset = true\n      this._cropRect = {\n        x: 0,\n        y: 0,\n        width: this.defaultWidth,\n        height: this.defaultHeight,\n      }\n      return\n    }\n\n    if (!this.imgFile.type.startsWith('image/')) {\n      this._errorMessage = '文件类型错误'\n      this._imageUrl = ''\n      return\n    }\n\n    this._errorMessage = ''\n    this._imageUrl = URL.createObjectURL(this.imgFile)\n    this._pendingReset = true\n  }\n\n  private _revokeImageUrl() {\n    if (this._imageUrl) {\n      URL.revokeObjectURL(this._imageUrl)\n    }\n  }\n\n  private _scheduleLayoutSync() {\n    if (this._rafId) {\n      cancelAnimationFrame(this._rafId)\n    }\n\n    this._rafId = requestAnimationFrame(() => {\n      this._rafId = 0\n      this._syncImageRect()\n    })\n  }\n\n  private _syncImageRect() {\n    if (!this._container || !this._image || !this._image.naturalWidth || !this._image.naturalHeight) {\n      return\n    }\n\n    const containerWidth = this._container.clientWidth || this.clientWidth\n    const containerHeight = this._container.clientHeight || this.clientHeight\n    if (!containerWidth || !containerHeight) {\n      return\n    }\n\n    const scale = Math.min(\n      containerWidth / this._image.naturalWidth,\n      containerHeight / this._image.naturalHeight,\n    )\n\n    const width = this._image.naturalWidth * scale\n    const height = this._image.naturalHeight * scale\n    const x = (containerWidth - width) / 2\n    const y = (containerHeight - height) / 2\n\n    this._imageRect = { x, y, width, height }\n\n    if (this._pendingReset) {\n      this._resetCropRect()\n      this._pendingReset = false\n    }\n    else {\n      this._cropRect = this._clampMoveRect(this._cropRect)\n    }\n  }\n\n  private _resetCropRect() {\n    const aspect = parseAspectRatio(this.aspectRatio)\n    const availableWidth = this._imageRect.width || this.defaultWidth\n    const availableHeight = this._imageRect.height || this.defaultHeight\n\n    let width = Math.min(this.defaultWidth, availableWidth)\n    let height = Math.min(this.defaultHeight, availableHeight)\n\n    if (this.zoomType === 'fixed') {\n      height = width / aspect\n      if (height > availableHeight) {\n        height = availableHeight\n        width = height * aspect\n      }\n    }\n\n    width = Math.min(width, availableWidth)\n    height = Math.min(height, availableHeight)\n\n    this._cropRect = {\n      x: this._imageRect.x + (availableWidth - width) / 2,\n      y: this._imageRect.y + (availableHeight - height) / 2,\n      width,\n      height,\n    }\n  }\n\n  private _handleImageLoad = () => {\n    this._scheduleLayoutSync()\n  }\n\n  private _handlePointerDown = (type: HandleType, event: PointerEvent) => {\n    event.preventDefault()\n    event.stopPropagation()\n    this._dragType = type\n    this._dragOrigin = { x: event.clientX, y: event.clientY }\n    this._dragStartRect = { ...this._cropRect }\n  }\n\n  private _handlePointerMove = (event: PointerEvent) => {\n    if (!this._dragType || !this._dragOrigin || !this._dragStartRect) {\n      return\n    }\n\n    event.preventDefault()\n    const deltaX = event.clientX - this._dragOrigin.x\n    const deltaY = event.clientY - this._dragOrigin.y\n\n    if (this._dragType === 'move') {\n      this._cropRect = this._clampMoveRect({\n        ...this._dragStartRect,\n        x: this._dragStartRect.x + deltaX,\n        y: this._dragStartRect.y + deltaY,\n      })\n      return\n    }\n\n    this._cropRect = this._resizeByHandle(this._dragType, this._dragStartRect, deltaX, deltaY)\n  }\n\n  private _handlePointerUp = () => {\n    this._dragType = null\n    this._dragOrigin = null\n    this._dragStartRect = null\n  }\n\n  private _clampMoveRect(rect: CropRect) {\n    const maxX = this._imageRect.x + this._imageRect.width - rect.width\n    const maxY = this._imageRect.y + this._imageRect.height - rect.height\n\n    return {\n      ...rect,\n      x: clamp(rect.x, this._imageRect.x, maxX),\n      y: clamp(rect.y, this._imageRect.y, maxY),\n    }\n  }\n\n  private _resizeByHandle(handle: Exclude<HandleType, 'move'>, startRect: CropRect, deltaX: number, deltaY: number) {\n    if (this.zoomType === 'free') {\n      return this._resizeFree(handle, startRect, deltaX, deltaY)\n    }\n\n    return this._resizeFixed(handle, startRect, deltaX)\n  }\n\n  private _resizeFree(handle: Exclude<HandleType, 'move'>, startRect: CropRect, deltaX: number, deltaY: number) {\n    const minSize = 40\n    const left = startRect.x\n    const top = startRect.y\n    const right = startRect.x + startRect.width\n    const bottom = startRect.y + startRect.height\n\n    if (handle === 'top-left') {\n      const x = clamp(left + deltaX, this._imageRect.x, right - minSize)\n      const y = clamp(top + deltaY, this._imageRect.y, bottom - minSize)\n      return { x, y, width: right - x, height: bottom - y }\n    }\n\n    if (handle === 'top-right') {\n      const newRight = clamp(right + deltaX, left + minSize, this._imageRect.x + this._imageRect.width)\n      const y = clamp(top + deltaY, this._imageRect.y, bottom - minSize)\n      return { x: left, y, width: newRight - left, height: bottom - y }\n    }\n\n    if (handle === 'bottom-right') {\n      const newRight = clamp(right + deltaX, left + minSize, this._imageRect.x + this._imageRect.width)\n      const newBottom = clamp(bottom + deltaY, top + minSize, this._imageRect.y + this._imageRect.height)\n      return { x: left, y: top, width: newRight - left, height: newBottom - top }\n    }\n\n    const x = clamp(left + deltaX, this._imageRect.x, right - minSize)\n    const newBottom = clamp(bottom + deltaY, top + minSize, this._imageRect.y + this._imageRect.height)\n    return { x, y: top, width: right - x, height: newBottom - top }\n  }\n\n  private _resizeFixed(handle: Exclude<HandleType, 'move'>, startRect: CropRect, deltaX: number) {\n    const aspect = parseAspectRatio(this.aspectRatio)\n    const minWidth = 40\n    const startRight = startRect.x + startRect.width\n    const startBottom = startRect.y + startRect.height\n\n    if (handle === 'top-left') {\n      let width = clamp(startRect.width - deltaX, minWidth, startRight - this._imageRect.x)\n      width = Math.min(width, (startBottom - this._imageRect.y) * aspect)\n      const height = width / aspect\n      return { x: startRight - width, y: startBottom - height, width, height }\n    }\n\n    if (handle === 'top-right') {\n      let width = clamp(startRect.width + deltaX, minWidth, this._imageRect.x + this._imageRect.width - startRect.x)\n      width = Math.min(width, (startBottom - this._imageRect.y) * aspect)\n      const height = width / aspect\n      return { x: startRect.x, y: startBottom - height, width, height }\n    }\n\n    if (handle === 'bottom-right') {\n      let width = clamp(startRect.width + deltaX, minWidth, this._imageRect.x + this._imageRect.width - startRect.x)\n      width = Math.min(width, (this._imageRect.y + this._imageRect.height - startRect.y) * aspect)\n      const height = width / aspect\n      return { x: startRect.x, y: startRect.y, width, height }\n    }\n\n    let width = clamp(startRect.width - deltaX, minWidth, startRight - this._imageRect.x)\n    width = Math.min(width, (this._imageRect.y + this._imageRect.height - startRect.y) * aspect)\n    const height = width / aspect\n    return { x: startRight - width, y: startRect.y, width, height }\n  }\n\n  render() {\n    const imageStyle = this._imageRect.width\n      ? styleMap({\n          left: `${this._imageRect.x}px`,\n          top: `${this._imageRect.y}px`,\n          width: `${this._imageRect.width}px`,\n          height: `${this._imageRect.height}px`,\n        })\n      : ''\n\n    const cropStyle = styleMap({\n      left: `${this._cropRect.x}px`,\n      top: `${this._cropRect.y}px`,\n      width: `${this._cropRect.width}px`,\n      height: `${this._cropRect.height}px`,\n      aspectRatio: this.zoomType === 'fixed' ? this.aspectRatio : '',\n    })\n\n    return html`\n      <div part=\"container\" class=\"img-box\">\n        ${this._errorMessage\n          ? html`<div part=\"error-message\" class=\"error-message\">${this._errorMessage}</div>`\n          : this._imageUrl\n            ? html`\n                <img\n                  part=\"image\"\n                  class=\"image\"\n                  style=${imageStyle}\n                  src=${this._imageUrl}\n                  alt=\"\"\n                  @load=${this._handleImageLoad}\n                />\n                <div\n                  part=\"crop-box\"\n                  class=\"crop-tool-box\"\n                  style=${cropStyle}\n                  @pointerdown=${(event: PointerEvent) => this._handlePointerDown('move', event)}\n                >\n                  <div\n                    part=\"handle top-left\"\n                    class=\"handle top-left\"\n                    @pointerdown=${(event: PointerEvent) => this._handlePointerDown('top-left', event)}\n                  ></div>\n                  <div\n                    part=\"handle top-right\"\n                    class=\"handle top-right\"\n                    @pointerdown=${(event: PointerEvent) => this._handlePointerDown('top-right', event)}\n                  ></div>\n                  <div\n                    part=\"handle bottom-right\"\n                    class=\"handle bottom-right\"\n                    @pointerdown=${(event: PointerEvent) => this._handlePointerDown('bottom-right', event)}\n                  ></div>\n                  <div\n                    part=\"handle bottom-left\"\n                    class=\"handle bottom-left\"\n                    @pointerdown=${(event: PointerEvent) => this._handlePointerDown('bottom-left', event)}\n                  ></div>\n                </div>\n              `\n            : html`<div part=\"placeholder\" class=\"placeholder\">请选择图片</div>`}\n      </div>\n    `\n  }\n}\n"],"names":["clamp","value","min","max","parseAspectRatio","left","right","part","QxsPhotoCropTool","LitElement","type","event","deltaX","deltaY","changed","scale","cropX","cropY","cropWidth","cropHeight","canvas","context","resolve","blob","containerWidth","containerHeight","width","height","x","y","aspect","availableWidth","availableHeight","rect","maxX","maxY","handle","startRect","top","bottom","newRight","newBottom","minWidth","startRight","startBottom","imageStyle","styleMap","cropStyle","html","css","__decorateClass","property","state","query","safeCustomElement"],"mappings":"oaAiBA,SAASA,EAAMC,EAAeC,EAAaC,EAAa,CACtD,OAAO,KAAK,IAAI,KAAK,IAAIF,EAAOC,CAAG,EAAGC,CAAG,CAC3C,CAEA,SAASC,EAAiBH,EAAe,CACvC,KAAM,CAACI,EAAMC,CAAK,EAAIL,EAAM,MAAM,GAAG,EAAE,OAAY,OAAO,WAAWM,EAAK,KAAA,CAAM,CAAC,EACjF,MAAI,CAACF,GAAQ,CAACC,GAAS,OAAO,MAAMD,CAAI,GAAK,OAAO,MAAMC,CAAK,EACtD,GAAK,EAEPD,EAAOC,CAChB,CAGO,IAAME,EAAN,cAA+BC,CAAW,CAA1C,aAAA,CAAA,MAAA,GAAA,SAAA,EA4G2B,KAAA,QAAuB,KACA,KAAA,YAAc,SACb,KAAA,aAAe,IACd,KAAA,cAAgB,IACrB,KAAA,SAAqB,QAEhE,KAAQ,cAAgB,GACxB,KAAQ,UAAY,GACpB,KAAQ,UAAsB,CAAE,EAAG,EAAG,EAAG,EAAG,MAAO,IAAK,OAAQ,GAAA,EAChE,KAAQ,WAA0B,CAAE,EAAG,EAAG,EAAG,EAAG,MAAO,EAAG,OAAQ,CAAA,EAK3E,KAAQ,gBAAyC,KACjD,KAAQ,UAA+B,KACvC,KAAQ,YAA+C,KACvD,KAAQ,eAAkC,KAC1C,KAAQ,cAAgB,GACxB,KAAQ,OAAS,EAoMjB,KAAQ,iBAAmB,IAAM,CAC/B,KAAK,oBAAA,CACP,EAEA,KAAQ,mBAAqB,CAACC,EAAkBC,IAAwB,CACtEA,EAAM,eAAA,EACNA,EAAM,gBAAA,EACN,KAAK,UAAYD,EACjB,KAAK,YAAc,CAAE,EAAGC,EAAM,QAAS,EAAGA,EAAM,OAAA,EAChD,KAAK,eAAiB,CAAE,GAAG,KAAK,SAAA,CAClC,EAEA,KAAQ,mBAAsBA,GAAwB,CACpD,GAAI,CAAC,KAAK,WAAa,CAAC,KAAK,aAAe,CAAC,KAAK,eAChD,OAGFA,EAAM,eAAA,EACN,MAAMC,EAASD,EAAM,QAAU,KAAK,YAAY,EAC1CE,EAASF,EAAM,QAAU,KAAK,YAAY,EAEhD,GAAI,KAAK,YAAc,OAAQ,CAC7B,KAAK,UAAY,KAAK,eAAe,CACnC,GAAG,KAAK,eACR,EAAG,KAAK,eAAe,EAAIC,EAC3B,EAAG,KAAK,eAAe,EAAIC,CAAA,CAC5B,EACD,MACF,CAEA,KAAK,UAAY,KAAK,gBAAgB,KAAK,UAAW,KAAK,eAAgBD,EAAQC,CAAM,CAC3F,EAEA,KAAQ,iBAAmB,IAAM,CAC/B,KAAK,UAAY,KACjB,KAAK,YAAc,KACnB,KAAK,eAAiB,IACxB,CAAA,CAvOA,mBAAoB,CAClB,MAAM,kBAAA,EACN,OAAO,iBAAiB,cAAe,KAAK,kBAAkB,EAC9D,OAAO,iBAAiB,YAAa,KAAK,gBAAgB,EAC1D,OAAO,iBAAiB,gBAAiB,KAAK,gBAAgB,CAChE,CAEA,cAAe,CACT,OAAO,eAAmB,MAI9B,KAAK,gBAAkB,IAAI,eAAe,IAAM,CAC9C,KAAK,oBAAA,CACP,CAAC,EACD,KAAK,gBAAgB,QAAQ,IAAI,EACnC,CAEA,sBAAuB,CACrB,MAAM,qBAAA,EACN,KAAK,gBAAA,EACL,KAAK,iBAAiB,WAAA,EAClB,KAAK,SACP,qBAAqB,KAAK,MAAM,EAChC,KAAK,OAAS,GAEhB,OAAO,oBAAoB,cAAe,KAAK,kBAAkB,EACjE,OAAO,oBAAoB,YAAa,KAAK,gBAAgB,EAC7D,OAAO,oBAAoB,gBAAiB,KAAK,gBAAgB,CACnE,CAEA,QAAQC,EAA+B,CACjCA,EAAQ,IAAI,SAAS,GACvB,KAAK,gBAAA,GAGHA,EAAQ,IAAI,cAAc,GAAKA,EAAQ,IAAI,eAAe,GAAKA,EAAQ,IAAI,aAAa,GAAKA,EAAQ,IAAI,UAAU,KACrH,KAAK,cAAgB,GACrB,KAAK,oBAAA,EAET,CAEA,MAAM,MAAO,CACX,GAAI,CAAC,KAAK,QAAU,CAAC,KAAK,WAAW,OAAS,CAAC,KAAK,OAAO,cAAgB,CAAC,KAAK,OAAO,cACtF,OAAO,KAGT,MAAMC,EAAQ,KAAK,OAAO,aAAe,KAAK,WAAW,MACnDC,EAAQ,KAAK,IAAI,KAAK,UAAU,EAAI,KAAK,WAAW,EAAG,CAAC,EAAID,EAC5DE,EAAQ,KAAK,IAAI,KAAK,UAAU,EAAI,KAAK,WAAW,EAAG,CAAC,EAAIF,EAC5DG,EAAY,KAAK,IAAI,KAAK,UAAU,MAAQH,EAAO,CAAC,EACpDI,EAAa,KAAK,IAAI,KAAK,UAAU,OAASJ,EAAO,CAAC,EAEtDK,EAAS,SAAS,cAAc,QAAQ,EAC9CA,EAAO,MAAQ,KAAK,MAAMF,CAAS,EACnCE,EAAO,OAAS,KAAK,MAAMD,CAAU,EACrC,MAAME,EAAUD,EAAO,WAAW,IAAI,EAEtC,OAAKC,GAILA,EAAQ,UACN,KAAK,OACLL,EACAC,EACAC,EACAC,EACA,EACA,EACAC,EAAO,MACPA,EAAO,MAAA,EAGF,MAAM,IAAI,QAAsBE,GAAY,CACjDF,EAAO,OAAQG,GAAS,CACtB,GAAI,CAACA,EAAM,CACTD,EAAQ,IAAI,EACZ,MACF,CAEAA,EAAQ,IAAI,KAAK,CAACC,CAAI,EAAG,oBAAqB,CAAE,KAAM,WAAA,CAAa,CAAC,CACtE,EAAG,WAAW,CAChB,CAAC,GAxBQ,IAyBX,CAEA,QAAS,CACP,KAAK,cAAgB,GACrB,KAAK,eAAA,CACP,CAEQ,iBAAkB,CAGxB,GAFA,KAAK,gBAAA,EAED,CAAC,KAAK,QAAS,CACjB,KAAK,cAAgB,GACrB,KAAK,UAAY,GACjB,KAAK,cAAgB,GACrB,KAAK,UAAY,CACf,EAAG,EACH,EAAG,EACH,MAAO,KAAK,aACZ,OAAQ,KAAK,aAAA,EAEf,MACF,CAEA,GAAI,CAAC,KAAK,QAAQ,KAAK,WAAW,QAAQ,EAAG,CAC3C,KAAK,cAAgB,SACrB,KAAK,UAAY,GACjB,MACF,CAEA,KAAK,cAAgB,GACrB,KAAK,UAAY,IAAI,gBAAgB,KAAK,OAAO,EACjD,KAAK,cAAgB,EACvB,CAEQ,iBAAkB,CACpB,KAAK,WACP,IAAI,gBAAgB,KAAK,SAAS,CAEtC,CAEQ,qBAAsB,CACxB,KAAK,QACP,qBAAqB,KAAK,MAAM,EAGlC,KAAK,OAAS,sBAAsB,IAAM,CACxC,KAAK,OAAS,EACd,KAAK,eAAA,CACP,CAAC,CACH,CAEQ,gBAAiB,CACvB,GAAI,CAAC,KAAK,YAAc,CAAC,KAAK,QAAU,CAAC,KAAK,OAAO,cAAgB,CAAC,KAAK,OAAO,cAChF,OAGF,MAAMC,EAAiB,KAAK,WAAW,aAAe,KAAK,YACrDC,EAAkB,KAAK,WAAW,cAAgB,KAAK,aAC7D,GAAI,CAACD,GAAkB,CAACC,EACtB,OAGF,MAAMV,EAAQ,KAAK,IACjBS,EAAiB,KAAK,OAAO,aAC7BC,EAAkB,KAAK,OAAO,aAAA,EAG1BC,EAAQ,KAAK,OAAO,aAAeX,EACnCY,EAAS,KAAK,OAAO,cAAgBZ,EACrCa,GAAKJ,EAAiBE,GAAS,EAC/BG,GAAKJ,EAAkBE,GAAU,EAEvC,KAAK,WAAa,CAAE,EAAAC,EAAG,EAAAC,EAAG,MAAAH,EAAO,OAAAC,CAAA,EAE7B,KAAK,eACP,KAAK,eAAA,EACL,KAAK,cAAgB,IAGrB,KAAK,UAAY,KAAK,eAAe,KAAK,SAAS,CAEvD,CAEQ,gBAAiB,CACvB,MAAMG,EAAS1B,EAAiB,KAAK,WAAW,EAC1C2B,EAAiB,KAAK,WAAW,OAAS,KAAK,aAC/CC,EAAkB,KAAK,WAAW,QAAU,KAAK,cAEvD,IAAIN,EAAQ,KAAK,IAAI,KAAK,aAAcK,CAAc,EAClDJ,EAAS,KAAK,IAAI,KAAK,cAAeK,CAAe,EAErD,KAAK,WAAa,UACpBL,EAASD,EAAQI,EACbH,EAASK,IACXL,EAASK,EACTN,EAAQC,EAASG,IAIrBJ,EAAQ,KAAK,IAAIA,EAAOK,CAAc,EACtCJ,EAAS,KAAK,IAAIA,EAAQK,CAAe,EAEzC,KAAK,UAAY,CACf,EAAG,KAAK,WAAW,GAAKD,EAAiBL,GAAS,EAClD,EAAG,KAAK,WAAW,GAAKM,EAAkBL,GAAU,EACpD,MAAAD,EACA,OAAAC,CAAA,CAEJ,CAyCQ,eAAeM,EAAgB,CACrC,MAAMC,EAAO,KAAK,WAAW,EAAI,KAAK,WAAW,MAAQD,EAAK,MACxDE,EAAO,KAAK,WAAW,EAAI,KAAK,WAAW,OAASF,EAAK,OAE/D,MAAO,CACL,GAAGA,EACH,EAAGjC,EAAMiC,EAAK,EAAG,KAAK,WAAW,EAAGC,CAAI,EACxC,EAAGlC,EAAMiC,EAAK,EAAG,KAAK,WAAW,EAAGE,CAAI,CAAA,CAE5C,CAEQ,gBAAgBC,EAAqCC,EAAqBzB,EAAgBC,EAAgB,CAChH,OAAI,KAAK,WAAa,OACb,KAAK,YAAYuB,EAAQC,EAAWzB,EAAQC,CAAM,EAGpD,KAAK,aAAauB,EAAQC,EAAWzB,CAAM,CACpD,CAEQ,YAAYwB,EAAqCC,EAAqBzB,EAAgBC,EAAgB,CAE5G,MAAMR,EAAOgC,EAAU,EACjBC,EAAMD,EAAU,EAChB/B,EAAQ+B,EAAU,EAAIA,EAAU,MAChCE,EAASF,EAAU,EAAIA,EAAU,OAEvC,GAAID,IAAW,WAAY,CACzB,MAAMR,EAAI5B,EAAMK,EAAOO,EAAQ,KAAK,WAAW,EAAGN,EAAQ,EAAO,EAC3DuB,EAAI7B,EAAMsC,EAAMzB,EAAQ,KAAK,WAAW,EAAG0B,EAAS,EAAO,EACjE,MAAO,CAAE,EAAAX,EAAG,EAAAC,EAAG,MAAOvB,EAAQsB,EAAG,OAAQW,EAASV,CAAA,CACpD,CAEA,GAAIO,IAAW,YAAa,CAC1B,MAAMI,EAAWxC,EAAMM,EAAQM,EAAQP,EAAO,GAAS,KAAK,WAAW,EAAI,KAAK,WAAW,KAAK,EAC1FwB,EAAI7B,EAAMsC,EAAMzB,EAAQ,KAAK,WAAW,EAAG0B,EAAS,EAAO,EACjE,MAAO,CAAE,EAAGlC,EAAM,EAAAwB,EAAG,MAAOW,EAAWnC,EAAM,OAAQkC,EAASV,CAAA,CAChE,CAEA,GAAIO,IAAW,eAAgB,CAC7B,MAAMI,EAAWxC,EAAMM,EAAQM,EAAQP,EAAO,GAAS,KAAK,WAAW,EAAI,KAAK,WAAW,KAAK,EAC1FoC,EAAYzC,EAAMuC,EAAS1B,EAAQyB,EAAM,GAAS,KAAK,WAAW,EAAI,KAAK,WAAW,MAAM,EAClG,MAAO,CAAE,EAAGjC,EAAM,EAAGiC,EAAK,MAAOE,EAAWnC,EAAM,OAAQoC,EAAYH,CAAA,CACxE,CAEA,MAAMV,EAAI5B,EAAMK,EAAOO,EAAQ,KAAK,WAAW,EAAGN,EAAQ,EAAO,EAC3DmC,EAAYzC,EAAMuC,EAAS1B,EAAQyB,EAAM,GAAS,KAAK,WAAW,EAAI,KAAK,WAAW,MAAM,EAClG,MAAO,CAAE,EAAAV,EAAG,EAAGU,EAAK,MAAOhC,EAAQsB,EAAG,OAAQa,EAAYH,CAAA,CAC5D,CAEQ,aAAaF,EAAqCC,EAAqBzB,EAAgB,CAC7F,MAAMkB,EAAS1B,EAAiB,KAAK,WAAW,EAC1CsC,EAAW,GACXC,EAAaN,EAAU,EAAIA,EAAU,MACrCO,EAAcP,EAAU,EAAIA,EAAU,OAE5C,GAAID,IAAW,WAAY,CACzB,IAAIV,EAAQ1B,EAAMqC,EAAU,MAAQzB,EAAQ8B,EAAUC,EAAa,KAAK,WAAW,CAAC,EACpFjB,EAAQ,KAAK,IAAIA,GAAQkB,EAAc,KAAK,WAAW,GAAKd,CAAM,EAClE,MAAMH,EAASD,EAAQI,EACvB,MAAO,CAAE,EAAGa,EAAajB,EAAO,EAAGkB,EAAcjB,EAAQ,MAAAD,EAAO,OAAAC,CAAAA,CAClE,CAEA,GAAIS,IAAW,YAAa,CAC1B,IAAIV,EAAQ1B,EAAMqC,EAAU,MAAQzB,EAAQ8B,EAAU,KAAK,WAAW,EAAI,KAAK,WAAW,MAAQL,EAAU,CAAC,EAC7GX,EAAQ,KAAK,IAAIA,GAAQkB,EAAc,KAAK,WAAW,GAAKd,CAAM,EAClE,MAAMH,EAASD,EAAQI,EACvB,MAAO,CAAE,EAAGO,EAAU,EAAG,EAAGO,EAAcjB,EAAQ,MAAAD,EAAO,OAAAC,CAAAA,CAC3D,CAEA,GAAIS,IAAW,eAAgB,CAC7B,IAAIV,EAAQ1B,EAAMqC,EAAU,MAAQzB,EAAQ8B,EAAU,KAAK,WAAW,EAAI,KAAK,WAAW,MAAQL,EAAU,CAAC,EAC7GX,EAAQ,KAAK,IAAIA,GAAQ,KAAK,WAAW,EAAI,KAAK,WAAW,OAASW,EAAU,GAAKP,CAAM,EAC3F,MAAMH,EAASD,EAAQI,EACvB,MAAO,CAAE,EAAGO,EAAU,EAAG,EAAGA,EAAU,EAAG,MAAAX,EAAO,OAAAC,CAAAA,CAClD,CAEA,IAAID,EAAQ1B,EAAMqC,EAAU,MAAQzB,EAAQ8B,EAAUC,EAAa,KAAK,WAAW,CAAC,EACpFjB,EAAQ,KAAK,IAAIA,GAAQ,KAAK,WAAW,EAAI,KAAK,WAAW,OAASW,EAAU,GAAKP,CAAM,EAC3F,MAAMH,EAASD,EAAQI,EACvB,MAAO,CAAE,EAAGa,EAAajB,EAAO,EAAGW,EAAU,EAAG,MAAAX,EAAO,OAAAC,CAAA,CACzD,CAEA,QAAS,CACP,MAAMkB,EAAa,KAAK,WAAW,MAC/BC,EAAS,CACP,KAAM,GAAG,KAAK,WAAW,CAAC,KAC1B,IAAK,GAAG,KAAK,WAAW,CAAC,KACzB,MAAO,GAAG,KAAK,WAAW,KAAK,KAC/B,OAAQ,GAAG,KAAK,WAAW,MAAM,IAAA,CAClC,EACD,GAEEC,EAAYD,EAAS,CACzB,KAAM,GAAG,KAAK,UAAU,CAAC,KACzB,IAAK,GAAG,KAAK,UAAU,CAAC,KACxB,MAAO,GAAG,KAAK,UAAU,KAAK,KAC9B,OAAQ,GAAG,KAAK,UAAU,MAAM,KAChC,YAAa,KAAK,WAAa,QAAU,KAAK,YAAc,EAAA,CAC7D,EAED,OAAOE;AAAA;AAAA,UAED,KAAK,cACHA,oDAAuD,KAAK,aAAa,SACzE,KAAK,UACHA;AAAA;AAAA;AAAA;AAAA,0BAIYH,CAAU;AAAA,wBACZ,KAAK,SAAS;AAAA;AAAA,0BAEZ,KAAK,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKrBE,CAAS;AAAA,iCACDpC,GAAwB,KAAK,mBAAmB,OAAQA,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,mCAK5DA,GAAwB,KAAK,mBAAmB,WAAYA,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,mCAKlEA,GAAwB,KAAK,mBAAmB,YAAaA,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,mCAKnEA,GAAwB,KAAK,mBAAmB,eAAgBA,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,mCAKtEA,GAAwB,KAAK,mBAAmB,cAAeA,CAAK,CAAC;AAAA;AAAA;AAAA,gBAI3FqC,0DAA6D;AAAA;AAAA,KAGzE,CACF,EA5faxC,EACJ,OAASyC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA2GgBC,EAAA,CAA/BC,EAAS,CAAE,UAAW,EAAA,CAAO,CAAA,EA5GnB3C,EA4GqB,UAAA,UAAA,CAAA,EACuB0C,EAAA,CAAtDC,EAAS,CAAE,KAAM,OAAQ,UAAW,eAAgB,CAAA,EA7G1C3C,EA6G4C,UAAA,cAAA,CAAA,EACC0C,EAAA,CAAvDC,EAAS,CAAE,KAAM,OAAQ,UAAW,gBAAiB,CAAA,EA9G3C3C,EA8G6C,UAAA,eAAA,CAAA,EACC0C,EAAA,CAAxDC,EAAS,CAAE,KAAM,OAAQ,UAAW,iBAAkB,CAAA,EA/G5C3C,EA+G8C,UAAA,gBAAA,CAAA,EACL0C,EAAA,CAAnDC,EAAS,CAAE,KAAM,OAAQ,UAAW,YAAa,CAAA,EAhHvC3C,EAgHyC,UAAA,WAAA,CAAA,EAEnC0C,EAAA,CAAhBE,EAAA,CAAM,EAlHI5C,EAkHM,UAAA,gBAAA,CAAA,EACA0C,EAAA,CAAhBE,EAAA,CAAM,EAnHI5C,EAmHM,UAAA,YAAA,CAAA,EACA0C,EAAA,CAAhBE,EAAA,CAAM,EApHI5C,EAoHM,UAAA,YAAA,CAAA,EACA0C,EAAA,CAAhBE,EAAA,CAAM,EArHI5C,EAqHM,UAAA,aAAA,CAAA,EAEU0C,EAAA,CAA1BG,EAAM,UAAU,CAAA,EAvHN7C,EAuHgB,UAAA,aAAA,CAAA,EACF0C,EAAA,CAAxBG,EAAM,QAAQ,CAAA,EAxHJ7C,EAwHc,UAAA,SAAA,CAAA,EAxHdA,EAAN0C,EAAA,CADNI,EAAkB,qBAAqB,CAAA,EAC3B9C,CAAA"}

package/es/subject/action.mjs

@@ -0,0 +1,171 @@
+import{css as h,LitElement as u,html as t}from"lit";import{property as r,state as p}from"lit/decorators.js";import{safeCustomElement as x}from"../base/define.mjs";import{subjectHostStyles as f,subjectControlResetStyles as m}from"./shared-styles.mjs";var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,o=(e,a,n,l)=>{for(var i=l>1?void 0:l?v(a,n):a,c=e.length-1,d;c>=0;c--)(d=e[c])&&(i=(l?d(a,n,i):d(i))||i);return l&&i&&y(a,n,i),i};const b=[{value:2,label:"必须全部都是支持选项，方可下一步"},{value:1,label:"无需判断是否是支持选项"},{value:3,label:"包含全部支持选项，即可下一步"}],g=[{type:"single",label:"单选题"},{type:"multiple",label:"多选题"},{type:"blank_fill",label:"填空题"},{type:"text_fill",label:"问答题"},{type:"scale",label:"量表题"},{type:"sort",label:"排序题"},{type:"page_end",label:"分页符"}];let s=class extends u{constructor(){super(...arguments),this["is-edit"]=!1,this["is-set"]=!1,this["is-key"]=!1,this["answer-check-type"]=1,this["show-other-option"]=!1,this["show-answer-setting"]=!1,this["show-key"]=!1,this["show-rich-text"]=!1,this["hide-add-rich-text"]=!1,this["show-delete-action"]=!0,this["show-save-action"]=!0,this["page-end"]=!1,this["show-move"]=!1,this["show-add"]=!0,this["show-jump"]=!1,this["exam-answer-relation-type"]=0,this._modalOpen=!1,this._currentCheckType=1,this._addMenuOpen=!1,this._handleDocumentClick=e=>{const a=e.composedPath(),n=this.shadowRoot?.querySelector(".add-menu-wrap");n&&!a.includes(n)&&(this._addMenuOpen=!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleDocumentClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleDocumentClick)}updated(e){e.has("answer-check-type")&&(this._currentCheckType=this["answer-check-type"])}_emit(e,a){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:a??null}))}get _answerText(){return b.find(e=>e.value===this["answer-check-type"])?.label??""}get _showAnswerSetting(){return this["show-other-option"]||this["show-answer-setting"]}get _showKey(){return this["show-other-option"]||this["show-key"]}_renderEditMode(){return t`
+      <div class="left">
+        <span class="inline-actions">
+          ${this["show-add"]?t`
+            <span class="add-menu-wrap">
+              <span class="link-btn" @click=${()=>{this._addMenuOpen=!this._addMenuOpen}}>在此题后加入新题</span>
+              ${this._renderAddMenu()}
+            </span>
+          `:""}
+          ${this["hide-add-rich-text"]?"":t`
+            <span class="link-btn" @click=${()=>this._emit("on-show-rich-text")}>
+              ${this["show-rich-text"]?"删除题目描述（图文）":"+添加题目描述（图文）"}
+            </span>
+          `}
+          ${this["show-jump"]?t`
+            <span class="link-btn" @click=${()=>this._emit("jump")}>${this["is-set"]?"编辑跳题逻辑":"设置跳题逻辑"}</span>
+          `:""}
+          ${this._showAnswerSetting?t`
+            <span class="link-btn" @click=${()=>{this._modalOpen=!0}}>答题设置</span>
+          `:""}
+          ${this._showKey?t`
+            <label class="checkbox-label">
+              <input type="checkbox" .checked=${this["is-key"]} @change=${e=>this._emit("set-key",{value:e.target.checked})} />
+              核心题
+            </label>
+          `:""}
+        </span>
+      </div>
+      <div class="right">
+        ${this["show-delete-action"]?t`<button class="text-btn text-btn--danger btn-margin" @click=${()=>this._emit("delete")}>删除</button>`:""}
+        ${this["show-save-action"]?t`<button class="text-btn text-btn--primary" @click=${()=>this._emit("save")}>完成编辑</button>`:""}
+      </div>
+    `}_renderViewMode(){return t`
+      <div class="left">
+        <span class="inline-actions">
+          ${this._showKey?t`
+            <label class="checkbox-label disabled">
+              <input type="checkbox" disabled .checked=${this["is-key"]} /> 核心题
+            </label>
+          `:""}
+          ${this._showAnswerSetting?t`
+            <span class="answer-text">${this._answerText}</span>
+          `:""}
+          ${this["show-add"]?t`
+            <span class="add-menu-wrap">
+              <span class="link-btn" @click=${()=>{this._addMenuOpen=!this._addMenuOpen}}>在此题后加入新题</span>
+              ${this._renderAddMenu()}
+            </span>
+          `:""}
+          ${this["show-jump"]?t`
+            <span class="link-btn" @click=${()=>this._emit("jump")}>${this["is-set"]?"编辑跳题逻辑":"设置跳题逻辑"}</span>
+          `:""}
+        </span>
+      </div>
+      <div class="right">
+        ${!this["is-set"]&&this["show-move"]?t`
+          <button class="text-btn text-btn--default" @click=${()=>this._emit("move","up")}>上移</button>
+          <button class="text-btn text-btn--default btn-margin" @click=${()=>this._emit("move","down")}>下移</button>
+        `:""}
+        ${!this["is-set"]&&this["show-delete-action"]?t`<button class="text-btn text-btn--danger btn-margin" @click=${()=>this._emit("delete")}>删除</button>`:""}
+        ${!this["page-end"]&&!this["is-set"]?t`
+          <button class="text-btn text-btn--default" @click=${()=>this._emit("edit")}>编辑</button>
+        `:""}
+      </div>
+    `}_renderModal(){return this._modalOpen?t`
+      <div class="modal-backdrop" @click=${()=>{this._modalOpen=!1}}>
+        <div class="modal" @click=${e=>e.stopPropagation()}>
+          <div class="modal-header">
+            <span class="modal-title">答题设置</span>
+            <button class="modal-close" @click=${()=>{this._modalOpen=!1}}>&#x2715;</button>
+          </div>
+          <div class="modal-body">
+            ${b.map(e=>t`
+              <label class="radio-item">
+                <input type="radio" name="answer-check-type" .value=${String(e.value)}
+                  .checked=${this._currentCheckType===e.value}
+                  @change=${()=>{this._currentCheckType=e.value}} />
+                ${e.label}
+              </label>
+            `)}
+          </div>
+          <div class="modal-footer">
+            <button @click=${()=>{this._modalOpen=!1}}>取消</button>
+            <button class="primary" @click=${()=>{this._emit("set-answer-setting",{value:this._currentCheckType}),this._modalOpen=!1}}>保存</button>
+          </div>
+        </div>
+      </div>
+    `:""}_renderAddMenu(){return this._addMenuOpen?t`
+      <div class="add-menu">
+        ${g.map(e=>t`
+          <button class="add-item" @click=${()=>{this._addMenuOpen=!1,this._emit("add",e.type)}}>${e.label}</button>
+        `)}
+      </div>
+    `:""}render(){return t`
+      <div class="action ${this["is-edit"]?"active":""}">
+        ${this["is-edit"]?this._renderEditMode():this._renderViewMode()}
+        ${this["is-set"]?t`<div class="has-set">*此题设置了跳题逻辑</div>`:""}
+      </div>
+      ${this._renderModal()}
+    `}};s.styles=[f,m,h`
+    :host { font-size: 12px; }
+
+    .action { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; flex-wrap: wrap; gap: 8px; }
+    .action.active { background: transparent; }
+    .left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+    .right { display: flex; align-items: center; gap: 4px; }
+
+    .action-icon {
+      display: inline-flex; align-items: center; justify-content: center;
+      width: 32px; height: 32px; font-size: 18px; color: var(--qxs-subject-text-primary, #303133);
+      cursor: pointer; border-radius: 6px; border: 1px solid var(--qxs-subject-border, #dcdfe6);
+      background: var(--qxs-subject-fill-blank, #fff); transition: all 0.2s;
+    }
+    .action-icon:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff); }
+    .action-icon--danger:hover { color: var(--qxs-subject-color-danger, #f56c6c); border-color: var(--qxs-subject-color-danger, #f56c6c); background: var(--qxs-subject-fill-soft-danger, #fef0f0); }
+    .action-icon:disabled { color: var(--qxs-subject-text-disabled, #c0c4cc); cursor: not-allowed; opacity: 0.6; }
+
+    .text-btn {
+      display: inline-flex; align-items: center; gap: 4px;
+      padding: 6px 12px; font-size: 12px; border-radius: 3px;
+      cursor: pointer; border: 1px solid; transition: all 0.2s;
+    }
+    .text-btn--primary { background: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-color-primary, #3D61E3); color: var(--qxs-subject-fill-blank, #fff); }
+    .text-btn--primary:hover { background: var(--qxs-subject-color-primary-hover, #2D4CB8); border-color: var(--qxs-subject-color-primary-hover, #2D4CB8); }
+    .text-btn--default { background: var(--qxs-subject-fill-blank, #fff); border-color: var(--qxs-subject-border, #dcdfe6); color: var(--qxs-subject-text-regular, #606266); }
+    .text-btn--default:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-fill-soft-primary-border-strong, #bfd1ff); }
+    .text-btn--danger { background: var(--qxs-subject-color-danger, #f56c6c); border-color: var(--qxs-subject-color-danger, #f56c6c); color: var(--qxs-subject-fill-blank, #fff); }
+    .text-btn--danger:hover { background: var(--qxs-subject-color-danger-hover, #e05252); border-color: var(--qxs-subject-color-danger-hover, #e05252); }
+
+    .link-btn { background: none; border: none; color: var(--qxs-subject-color-primary, #3D61E3); cursor: pointer; font-size: 12px; }
+    .link-btn:hover { color: var(--qxs-subject-color-primary-hover, #2D4CB8); }
+
+    .checkbox-label { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; color: var(--qxs-subject-text-regular, #606266); user-select: none; font-size: 12px; }
+    .checkbox-label.disabled { cursor: not-allowed; opacity: 0.6; }
+    .has-set { display: flex; align-items: center; font-size: 12px; color: #bbb; }
+    .answer-text { font-size: 11px; color: var(--qxs-subject-text-secondary, #909399); max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
+    .btn-margin { margin-right: 10px; }
+
+    .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 2000; display: flex; align-items: center; justify-content: center; }
+    .modal { background: var(--qxs-subject-fill-blank, #fff); border-radius: 4px; min-width: 360px; max-width: 460px; box-shadow: 0 12px 32px rgba(0,0,0,.1); }
+    .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px 12px; border-bottom: 1px solid var(--qxs-subject-border-light, #e4e7ed); }
+    .modal-title { font-size: 14px; font-weight: 600; color: var(--qxs-subject-text-primary, #303133); }
+    .modal-close { background: none; border: none; font-size: 16px; cursor: pointer; color: var(--qxs-subject-text-secondary, #909399); padding: 0; line-height: 1; }
+    .modal-close:hover { color: var(--qxs-subject-color-primary, #3D61E3); }
+    .modal-body { padding: 20px; }
+    .modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid var(--qxs-subject-border-light, #e4e7ed); }
+    .modal-footer button { padding: 6px 16px; font-size: 12px; border-radius: 3px; cursor: pointer; border: 1px solid var(--qxs-subject-border, #dcdfe6); background: var(--qxs-subject-fill-blank, #fff); color: var(--qxs-subject-text-regular, #606266); }
+    .modal-footer button:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-fill-soft-primary-border-strong, #bfd1ff); }
+    .modal-footer button.primary { background: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-color-primary, #3D61E3); color: var(--qxs-subject-fill-blank, #fff); }
+    .modal-footer button.primary:hover { background: var(--qxs-subject-color-primary-hover, #2D4CB8); border-color: var(--qxs-subject-color-primary-hover, #2D4CB8); }
+
+    .radio-item { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; cursor: pointer; font-size: 13px; color: var(--qxs-subject-text-regular, #606266); }
+    .radio-item:last-child { margin-bottom: 0; }
+
+    .inline-actions { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; }
+    .add-menu-wrap { position: relative; display: inline-flex; }
+    .add-menu {
+      position: absolute; top: calc(100% + 6px); left: 0; z-index: 50;
+      display: grid; grid-template-columns: repeat(2, minmax(84px, 1fr)); gap: 8px;
+      min-width: 196px; padding: 10px; background: var(--qxs-subject-fill-blank, #fff); border: 1px solid var(--qxs-subject-border-light, #e4e7ed);
+      border-radius: 6px; box-shadow: var(--qxs-subject-shadow-soft, 0 8px 20px rgba(0,0,0,.12));
+    }
+    .add-item {
+      display: inline-flex; align-items: center; justify-content: center;
+      min-height: 30px; padding: 0 10px; border: 1px solid var(--qxs-subject-border, #dcdfe6); border-radius: 4px;
+      background: var(--qxs-subject-fill-blank, #fff); color: var(--qxs-subject-text-regular, #606266); font-size: 12px; cursor: pointer; transition: all .2s;
+    }
+    .add-item:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff); }
+  `];o([r({type:Boolean,attribute:"is-edit"})],s.prototype,"is-edit",2);o([r({type:Boolean,attribute:"is-set"})],s.prototype,"is-set",2);o([r({type:Boolean,attribute:"is-key"})],s.prototype,"is-key",2);o([r({type:Number,attribute:"answer-check-type"})],s.prototype,"answer-check-type",2);o([r({type:Boolean,attribute:"show-other-option"})],s.prototype,"show-other-option",2);o([r({type:Boolean,attribute:"show-answer-setting"})],s.prototype,"show-answer-setting",2);o([r({type:Boolean,attribute:"show-key"})],s.prototype,"show-key",2);o([r({type:Boolean,attribute:"show-rich-text"})],s.prototype,"show-rich-text",2);o([r({type:Boolean,attribute:"hide-add-rich-text"})],s.prototype,"hide-add-rich-text",2);o([r({type:Boolean,attribute:"show-delete-action"})],s.prototype,"show-delete-action",2);o([r({type:Boolean,attribute:"show-save-action"})],s.prototype,"show-save-action",2);o([r({type:Boolean,attribute:"page-end"})],s.prototype,"page-end",2);o([r({type:Boolean,attribute:"show-move"})],s.prototype,"show-move",2);o([r({type:Boolean,attribute:"show-add"})],s.prototype,"show-add",2);o([r({type:Boolean,attribute:"show-jump"})],s.prototype,"show-jump",2);o([r({type:Number,attribute:"exam-answer-relation-type"})],s.prototype,"exam-answer-relation-type",2);o([p()],s.prototype,"_modalOpen",2);o([p()],s.prototype,"_currentCheckType",2);o([p()],s.prototype,"_addMenuOpen",2);s=o([x("qxs-subject-action")],s);export{s as QxsSubjectAction};
+//# sourceMappingURL=action.mjs.map

package/es/subject/action.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"action.mjs","sources":["../../../../packages/components/src/subject/action.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\nimport { subjectControlResetStyles, subjectHostStyles } from './shared-styles'\n\nconst answerTextList = [\n  { value: 2, label: '必须全部都是支持选项，方可下一步' },\n  { value: 1, label: '无需判断是否是支持选项' },\n  { value: 3, label: '包含全部支持选项，即可下一步' },\n]\n\nconst addSubjectOptions = [\n  { type: 'single', label: '单选题' },\n  { type: 'multiple', label: '多选题' },\n  { type: 'blank_fill', label: '填空题' },\n  { type: 'text_fill', label: '问答题' },\n  { type: 'scale', label: '量表题' },\n  { type: 'sort', label: '排序题' },\n  { type: 'page_end', label: '分页符' },\n]\n\n@safeCustomElement('qxs-subject-action')\nexport class QxsSubjectAction extends LitElement {\n  static styles = [subjectHostStyles, subjectControlResetStyles, css`\n    :host { font-size: 12px; }\n\n    .action { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; flex-wrap: wrap; gap: 8px; }\n    .action.active { background: transparent; }\n    .left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n    .right { display: flex; align-items: center; gap: 4px; }\n\n    .action-icon {\n      display: inline-flex; align-items: center; justify-content: center;\n      width: 32px; height: 32px; font-size: 18px; color: var(--qxs-subject-text-primary, #303133);\n      cursor: pointer; border-radius: 6px; border: 1px solid var(--qxs-subject-border, #dcdfe6);\n      background: var(--qxs-subject-fill-blank, #fff); transition: all 0.2s;\n    }\n    .action-icon:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff); }\n    .action-icon--danger:hover { color: var(--qxs-subject-color-danger, #f56c6c); border-color: var(--qxs-subject-color-danger, #f56c6c); background: var(--qxs-subject-fill-soft-danger, #fef0f0); }\n    .action-icon:disabled { color: var(--qxs-subject-text-disabled, #c0c4cc); cursor: not-allowed; opacity: 0.6; }\n\n    .text-btn {\n      display: inline-flex; align-items: center; gap: 4px;\n      padding: 6px 12px; font-size: 12px; border-radius: 3px;\n      cursor: pointer; border: 1px solid; transition: all 0.2s;\n    }\n    .text-btn--primary { background: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-color-primary, #3D61E3); color: var(--qxs-subject-fill-blank, #fff); }\n    .text-btn--primary:hover { background: var(--qxs-subject-color-primary-hover, #2D4CB8); border-color: var(--qxs-subject-color-primary-hover, #2D4CB8); }\n    .text-btn--default { background: var(--qxs-subject-fill-blank, #fff); border-color: var(--qxs-subject-border, #dcdfe6); color: var(--qxs-subject-text-regular, #606266); }\n    .text-btn--default:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-fill-soft-primary-border-strong, #bfd1ff); }\n    .text-btn--danger { background: var(--qxs-subject-color-danger, #f56c6c); border-color: var(--qxs-subject-color-danger, #f56c6c); color: var(--qxs-subject-fill-blank, #fff); }\n    .text-btn--danger:hover { background: var(--qxs-subject-color-danger-hover, #e05252); border-color: var(--qxs-subject-color-danger-hover, #e05252); }\n\n    .link-btn { background: none; border: none; color: var(--qxs-subject-color-primary, #3D61E3); cursor: pointer; font-size: 12px; }\n    .link-btn:hover { color: var(--qxs-subject-color-primary-hover, #2D4CB8); }\n\n    .checkbox-label { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; color: var(--qxs-subject-text-regular, #606266); user-select: none; font-size: 12px; }\n    .checkbox-label.disabled { cursor: not-allowed; opacity: 0.6; }\n    .has-set { display: flex; align-items: center; font-size: 12px; color: #bbb; }\n    .answer-text { font-size: 11px; color: var(--qxs-subject-text-secondary, #909399); max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n\n    .btn-margin { margin-right: 10px; }\n\n    .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 2000; display: flex; align-items: center; justify-content: center; }\n    .modal { background: var(--qxs-subject-fill-blank, #fff); border-radius: 4px; min-width: 360px; max-width: 460px; box-shadow: 0 12px 32px rgba(0,0,0,.1); }\n    .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px 12px; border-bottom: 1px solid var(--qxs-subject-border-light, #e4e7ed); }\n    .modal-title { font-size: 14px; font-weight: 600; color: var(--qxs-subject-text-primary, #303133); }\n    .modal-close { background: none; border: none; font-size: 16px; cursor: pointer; color: var(--qxs-subject-text-secondary, #909399); padding: 0; line-height: 1; }\n    .modal-close:hover { color: var(--qxs-subject-color-primary, #3D61E3); }\n    .modal-body { padding: 20px; }\n    .modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid var(--qxs-subject-border-light, #e4e7ed); }\n    .modal-footer button { padding: 6px 16px; font-size: 12px; border-radius: 3px; cursor: pointer; border: 1px solid var(--qxs-subject-border, #dcdfe6); background: var(--qxs-subject-fill-blank, #fff); color: var(--qxs-subject-text-regular, #606266); }\n    .modal-footer button:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-fill-soft-primary-border-strong, #bfd1ff); }\n    .modal-footer button.primary { background: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-color-primary, #3D61E3); color: var(--qxs-subject-fill-blank, #fff); }\n    .modal-footer button.primary:hover { background: var(--qxs-subject-color-primary-hover, #2D4CB8); border-color: var(--qxs-subject-color-primary-hover, #2D4CB8); }\n\n    .radio-item { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; cursor: pointer; font-size: 13px; color: var(--qxs-subject-text-regular, #606266); }\n    .radio-item:last-child { margin-bottom: 0; }\n\n    .inline-actions { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; }\n    .add-menu-wrap { position: relative; display: inline-flex; }\n    .add-menu {\n      position: absolute; top: calc(100% + 6px); left: 0; z-index: 50;\n      display: grid; grid-template-columns: repeat(2, minmax(84px, 1fr)); gap: 8px;\n      min-width: 196px; padding: 10px; background: var(--qxs-subject-fill-blank, #fff); border: 1px solid var(--qxs-subject-border-light, #e4e7ed);\n      border-radius: 6px; box-shadow: var(--qxs-subject-shadow-soft, 0 8px 20px rgba(0,0,0,.12));\n    }\n    .add-item {\n      display: inline-flex; align-items: center; justify-content: center;\n      min-height: 30px; padding: 0 10px; border: 1px solid var(--qxs-subject-border, #dcdfe6); border-radius: 4px;\n      background: var(--qxs-subject-fill-blank, #fff); color: var(--qxs-subject-text-regular, #606266); font-size: 12px; cursor: pointer; transition: all .2s;\n    }\n    .add-item:hover { color: var(--qxs-subject-color-primary, #3D61E3); border-color: var(--qxs-subject-color-primary, #3D61E3); background: var(--qxs-subject-fill-soft-primary, #ecf5ff); }\n  `]\n\n  @property({ type: Boolean, attribute: 'is-edit' }) 'is-edit' = false\n  @property({ type: Boolean, attribute: 'is-set' }) 'is-set' = false\n  @property({ type: Boolean, attribute: 'is-key' }) 'is-key' = false\n  @property({ type: Number, attribute: 'answer-check-type' }) 'answer-check-type' = 1\n  @property({ type: Boolean, attribute: 'show-other-option' }) 'show-other-option' = false\n  @property({ type: Boolean, attribute: 'show-answer-setting' }) 'show-answer-setting' = false\n  @property({ type: Boolean, attribute: 'show-key' }) 'show-key' = false\n  @property({ type: Boolean, attribute: 'show-rich-text' }) 'show-rich-text' = false\n  @property({ type: Boolean, attribute: 'hide-add-rich-text' }) 'hide-add-rich-text' = false\n  @property({ type: Boolean, attribute: 'show-delete-action' }) 'show-delete-action' = true\n  @property({ type: Boolean, attribute: 'show-save-action' }) 'show-save-action' = true\n  @property({ type: Boolean, attribute: 'page-end' }) 'page-end' = false\n  @property({ type: Boolean, attribute: 'show-move' }) 'show-move' = false\n  @property({ type: Boolean, attribute: 'show-add' }) 'show-add' = true\n  @property({ type: Boolean, attribute: 'show-jump' }) 'show-jump' = false\n  @property({ type: Number, attribute: 'exam-answer-relation-type' }) 'exam-answer-relation-type' = 0\n\n  @state() private _modalOpen = false\n  @state() private _currentCheckType = 1\n  @state() private _addMenuOpen = false\n\n  connectedCallback() {\n    super.connectedCallback()\n    document.addEventListener('click', this._handleDocumentClick)\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    document.removeEventListener('click', this._handleDocumentClick)\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('answer-check-type')) {\n      this._currentCheckType = this['answer-check-type']\n    }\n  }\n\n  private _handleDocumentClick = (e: MouseEvent) => {\n    const path = e.composedPath()\n    const wrap = this.shadowRoot?.querySelector('.add-menu-wrap')\n    if (wrap && !path.includes(wrap)) {\n      this._addMenuOpen = false\n    }\n  }\n\n  private _emit(name: string, detail?: unknown) {\n    this.dispatchEvent(new CustomEvent(name, { bubbles: true, composed: true, detail: detail ?? null }))\n  }\n\n  private get _answerText() {\n    return answerTextList.find(i => i.value === this['answer-check-type'])?.label ?? ''\n  }\n\n  private get _showAnswerSetting() {\n    return this['show-other-option'] || this['show-answer-setting']\n  }\n\n  private get _showKey() {\n    return this['show-other-option'] || this['show-key']\n  }\n\n  private _renderEditMode() {\n    return html`\n      <div class=\"left\">\n        <span class=\"inline-actions\">\n          ${this['show-add']\n            ? html`\n            <span class=\"add-menu-wrap\">\n              <span class=\"link-btn\" @click=${() => { this._addMenuOpen = !this._addMenuOpen }}>在此题后加入新题</span>\n              ${this._renderAddMenu()}\n            </span>\n          `\n            : ''}\n          ${!this['hide-add-rich-text']\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('on-show-rich-text')}>\n              ${this['show-rich-text'] ? '删除题目描述（图文）' : '+添加题目描述（图文）'}\n            </span>\n          `\n            : ''}\n          ${this['show-jump']\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this['is-set'] ? '编辑跳题逻辑' : '设置跳题逻辑'}</span>\n          `\n            : ''}\n          ${this._showAnswerSetting\n            ? html`\n            <span class=\"link-btn\" @click=${() => { this._modalOpen = true }}>答题设置</span>\n          `\n            : ''}\n          ${this._showKey\n            ? html`\n            <label class=\"checkbox-label\">\n              <input type=\"checkbox\" .checked=${this['is-key']} @change=${(e: Event) => this._emit('set-key', { value: (e.target as HTMLInputElement).checked })} />\n              核心题\n            </label>\n          `\n            : ''}\n        </span>\n      </div>\n      <div class=\"right\">\n        ${this['show-delete-action']\n          ? html`<button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>`\n          : ''}\n        ${this['show-save-action']\n          ? html`<button class=\"text-btn text-btn--primary\" @click=${() => this._emit('save')}>完成编辑</button>`\n          : ''}\n      </div>\n    `\n  }\n\n  private _renderViewMode() {\n    return html`\n      <div class=\"left\">\n        <span class=\"inline-actions\">\n          ${this._showKey\n            ? html`\n            <label class=\"checkbox-label disabled\">\n              <input type=\"checkbox\" disabled .checked=${this['is-key']} /> 核心题\n            </label>\n          `\n            : ''}\n          ${this._showAnswerSetting\n            ? html`\n            <span class=\"answer-text\">${this._answerText}</span>\n          `\n            : ''}\n          ${this['show-add']\n            ? html`\n            <span class=\"add-menu-wrap\">\n              <span class=\"link-btn\" @click=${() => { this._addMenuOpen = !this._addMenuOpen }}>在此题后加入新题</span>\n              ${this._renderAddMenu()}\n            </span>\n          `\n            : ''}\n          ${this['show-jump']\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this['is-set'] ? '编辑跳题逻辑' : '设置跳题逻辑'}</span>\n          `\n            : ''}\n        </span>\n      </div>\n      <div class=\"right\">\n        ${!this['is-set'] && this['show-move']\n          ? html`\n          <button class=\"text-btn text-btn--default\" @click=${() => this._emit('move', 'up')}>上移</button>\n          <button class=\"text-btn text-btn--default btn-margin\" @click=${() => this._emit('move', 'down')}>下移</button>\n        `\n          : ''}\n        ${!this['is-set'] && this['show-delete-action']\n          ? html`<button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>`\n          : ''}\n        ${!this['page-end'] && !this['is-set']\n          ? html`\n          <button class=\"text-btn text-btn--default\" @click=${() => this._emit('edit')}>编辑</button>\n        `\n          : ''}\n      </div>\n    `\n  }\n\n  private _renderModal() {\n    if (!this._modalOpen) { return '' }\n    return html`\n      <div class=\"modal-backdrop\" @click=${() => { this._modalOpen = false }}>\n        <div class=\"modal\" @click=${(e: Event) => e.stopPropagation()}>\n          <div class=\"modal-header\">\n            <span class=\"modal-title\">答题设置</span>\n            <button class=\"modal-close\" @click=${() => { this._modalOpen = false }}>&#x2715;</button>\n          </div>\n          <div class=\"modal-body\">\n            ${answerTextList.map(item => html`\n              <label class=\"radio-item\">\n                <input type=\"radio\" name=\"answer-check-type\" .value=${String(item.value)}\n                  .checked=${this._currentCheckType === item.value}\n                  @change=${() => { this._currentCheckType = item.value }} />\n                ${item.label}\n              </label>\n            `)}\n          </div>\n          <div class=\"modal-footer\">\n            <button @click=${() => { this._modalOpen = false }}>取消</button>\n            <button class=\"primary\" @click=${() => {\n              this._emit('set-answer-setting', { value: this._currentCheckType })\n              this._modalOpen = false\n            }}>保存</button>\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  private _renderAddMenu() {\n    if (!this._addMenuOpen) { return '' }\n    return html`\n      <div class=\"add-menu\">\n        ${addSubjectOptions.map(item => html`\n          <button class=\"add-item\" @click=${() => {\n            this._addMenuOpen = false\n            this._emit('add', item.type)\n          }}>${item.label}</button>\n        `)}\n      </div>\n    `\n  }\n\n  render() {\n    return html`\n      <div class=\"action ${this['is-edit'] ? 'active' : ''}\">\n        ${this['is-edit'] ? this._renderEditMode() : this._renderViewMode()}\n        ${this['is-set'] ? html`<div class=\"has-set\">*此题设置了跳题逻辑</div>` : ''}\n      </div>\n      ${this._renderModal()}\n    `\n  }\n}\n\nexport function register() {}\n"],"names":["answerTextList","addSubjectOptions","QxsSubjectAction","LitElement","path","wrap","changed","name","detail","i","html","item","subjectHostStyles","subjectControlResetStyles","css","__decorateClass","property","state","safeCustomElement"],"mappings":"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"}