@easy-editor/setters 0.1.2 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.min.js +5 -6
- package/package.json +3 -6
- package/dist/basic/align-setter/index.d.ts +0 -12
- package/dist/basic/array-setter/index.d.ts +0 -10
- package/dist/basic/color-setter/index.d.ts +0 -6
- package/dist/basic/data-binding-setter/index.d.ts +0 -18
- package/dist/basic/data-mapping-setter/index.d.ts +0 -21
- package/dist/basic/json-setter/index.d.ts +0 -7
- package/dist/basic/node-id-setter/index.d.ts +0 -5
- package/dist/basic/number-setter/index.d.ts +0 -7
- package/dist/basic/object-setter/index.d.ts +0 -14
- package/dist/basic/rect-setter/index.d.ts +0 -5
- package/dist/basic/segmented-setter/index.d.ts +0 -12
- package/dist/basic/select-setter/index.d.ts +0 -12
- package/dist/basic/slider-setter/index.d.ts +0 -10
- package/dist/basic/spacing-setter/index.d.ts +0 -15
- package/dist/basic/string-setter/index.d.ts +0 -7
- package/dist/basic/switch-setter/index.d.ts +0 -8
- package/dist/basic/textarea-setter/index.d.ts +0 -8
- package/dist/basic/upload-setter/index.d.ts +0 -17
- package/dist/group/collapse-setter/index.d.ts +0 -7
- package/dist/group/tab-setter/index.d.ts +0 -11
- package/dist/index.cjs +0 -3347
- package/dist/index.cjs.map +0 -1
- package/dist/index.d.ts +0 -69
- package/dist/index.esm.js +0 -3321
- package/dist/index.esm.js.map +0 -1
- package/dist/index.js +0 -3350
- package/dist/index.js.map +0 -1
- package/dist/index.min.js.map +0 -1
- package/dist/lib/popover.d.ts +0 -9
- package/dist/lib/utils.d.ts +0 -2
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--es-background:#fff;--es-foreground:#09090b;--es-primary:#18181b;--es-primary-foreground:#fafafa;--es-secondary:#f4f4f5;--es-secondary-foreground:#18181b;--es-muted:#f4f4f5;--es-muted-foreground:#71717a;--es-accent:#f4f4f5;--es-accent-foreground:#18181b;--es-destructive:#ef4444;--es-destructive-foreground:#fafafa;--es-border:#e4e4e7;--es-input:#e4e4e7;--es-ring:#18181b;--es-popover:#fff;--es-popover-foreground:#09090b;--es-radius:0.5rem;--es-radius-sm:0.25rem;--es-radius-lg:0.75rem;--es-spacing-1:0.25rem;--es-spacing-2:0.5rem;--es-spacing-3:0.75rem;--es-spacing-4:1rem;--es-text-xs:0.75rem;--es-text-sm:0.875rem;--es-text-base:1rem;--es-transition:150ms cubic-bezier(0.4,0,0.2,1)}.dark{--es-background:#09090b;--es-foreground:#fafafa;--es-primary:#fafafa;--es-primary-foreground:#18181b;--es-secondary:#27272a;--es-secondary-foreground:#fafafa;--es-muted:#27272a;--es-muted-foreground:#a1a1aa;--es-accent:#27272a;--es-accent-foreground:#fafafa;--es-destructive:#7f1d1d;--es-destructive-foreground:#fafafa;--es-border:#27272a;--es-input:#27272a;--es-ring:#d4d4d8;--es-popover:#09090b;--es-popover-foreground:#fafafa}.es-container-K2hFq{display:flex;flex-direction:column;gap:var(--es-spacing-3)}.es-visualWrapper-4dHVX{align-items:center;display:flex;gap:var(--es-spacing-4)}.es-previewBox-LDujZ{background-color:var(--es-secondary);background-image:linear-gradient(45deg,var(--es-muted) 25%,transparent 25%),linear-gradient(-45deg,var(--es-muted) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--es-muted) 75%),linear-gradient(-45deg,transparent 75%,var(--es-muted) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid var(--es-border);border-radius:var(--es-radius);height:4.5rem;position:relative;width:4.5rem}.es-previewElement-Bu8GM{background-color:var(--es-primary);border-radius:var(--es-radius-sm);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:all .2s ease}.es-grid-BmRRU{background-color:var(--es-secondary);border-radius:var(--es-radius);display:grid;gap:3px;grid-template-columns:repeat(3,1fr);padding:3px}.es-gridButton-6Vtr7{background:var(--es-background);border:none;cursor:pointer;height:1.5rem;padding:0;position:relative;width:1.5rem}.es-gridButton-6Vtr7,.es-gridButton-6Vtr7:after{border-radius:50%;transition:all var(--es-transition)}.es-gridButton-6Vtr7:after{background-color:var(--es-muted-foreground);content:"";height:6px;left:50%;opacity:.4;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.es-gridButton-6Vtr7:hover{background-color:var(--es-accent)}.es-gridButton-6Vtr7:hover:after{opacity:.8}.es-gridButtonSelected-fOpOm{background-color:var(--es-primary)}.es-gridButtonSelected-fOpOm:after{background-color:var(--es-primary-foreground);height:8px;opacity:1;width:8px}.es-section-SaHDo{display:flex;flex-direction:column;gap:var(--es-spacing-1)}.es-sectionLabel-hDWO0{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-buttonGroup-Nj258{display:flex;gap:var(--es-spacing-1)}.es-alignButton-zAvz2{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;flex:1;height:2rem;justify-content:center;padding:0;transition:all var(--es-transition)}.es-alignButton-zAvz2:hover{background-color:var(--es-accent);border-color:var(--es-accent)}.es-alignButtonSelected-kGGHJ{color:var(--es-primary-foreground)}.es-alignButtonSelected-kGGHJ,.es-alignButtonSelected-kGGHJ:hover{background-color:var(--es-primary);border-color:var(--es-primary)}.es-alignIcon-mFjSX{height:1rem;width:1rem}.es-alignIconRotated-z4AwW{transform:rotate(90deg)}.es-container-KSlB-{display:flex;flex-direction:column;gap:var(--es-spacing-2);width:100%}.es-item-xDCpZ{align-items:center;display:flex;gap:var(--es-spacing-1)}.es-dragHandle-lOaFv{color:var(--es-muted-foreground);cursor:grab;flex-shrink:0;height:1rem;width:1rem}.es-input-ItzPT{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);flex:1;font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition)}.es-input-ItzPT::-webkit-inner-spin-button,.es-input-ItzPT::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.es-input-ItzPT:focus{border-color:var(--es-ring)}.es-input-ItzPT::placeholder{color:var(--es-muted-foreground)}.es-removeButton-ymAlo{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:color var(--es-transition);width:2rem}.es-removeButton-ymAlo:hover:not(:disabled){color:var(--es-destructive)}.es-removeButton-ymAlo:disabled{cursor:not-allowed;opacity:.5}.es-removeIcon-ld51f{height:1rem;width:1rem}.es-addButton-U1VQX{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-1);height:2rem;justify-content:center;padding:0 var(--es-spacing-3);transition:background-color var(--es-transition),border-color var(--es-transition);width:100%}.es-addButton-U1VQX:hover:not(:disabled){background-color:var(--es-accent);border-color:var(--es-accent)}.es-addButton-U1VQX:disabled{cursor:not-allowed;opacity:.5}.es-addIcon-6qJub{height:1rem;width:1rem}.es-trigger-w-aUi{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);height:2rem;padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:border-color var(--es-transition);width:100%}.es-trigger-w-aUi:hover{border-color:var(--es-ring)}.es-colorPreview-SUgiJ{border:1px solid var(--es-muted-foreground);border-radius:9999px;height:.875rem;width:.875rem}.es-colorValue-cYdRP{flex:1;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-popover-SfIUB{background-color:var(--es-popover);border:1px solid var(--es-border);border-radius:var(--es-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.es-container-df9wM{width:100%}.es-trigger-fTNvQ{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);height:2rem;padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:border-color var(--es-transition);width:100%}.es-trigger-fTNvQ:hover{border-color:var(--es-ring)}.es-triggerIcon-1mdQ0{flex-shrink:0;height:.75rem;width:.75rem}.es-triggerIconPrimary-opifh{color:var(--es-primary)}.es-triggerIconMuted-CWgDl{color:var(--es-muted-foreground)}.es-triggerText-WeQRu{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-popover-z8oiW{border:1px solid var(--es-border);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);width:18rem}.es-popover-z8oiW,.es-popoverContent-6qE--{background-color:var(--es-popover);border-radius:var(--es-radius)}.es-popoverContent-6qE--{overflow:hidden}.es-tabsList-liSeY{background-color:var(--es-muted);border-radius:var(--es-radius) var(--es-radius) 0 0;display:grid;grid-template-columns:repeat(2,1fr);height:2.25rem;padding:var(--es-spacing-1)}.es-tabTrigger-6j7K-{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-1);justify-content:center;padding:var(--es-spacing-1);transition:all var(--es-transition)}.es-tabTrigger-6j7K-:hover{color:var(--es-foreground)}.es-tabTriggerActive-g6hcl{background-color:var(--es-background);box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--es-foreground)}.es-tabTriggerIcon-dRSAp{height:.75rem;width:.75rem}.es-tabContent--H166{display:none;padding:var(--es-spacing-3);padding-top:var(--es-spacing-2)}.es-tabContentActive-Fjdu5{display:block}.es-section-eDYxd{display:flex;flex-direction:column;gap:var(--es-spacing-2)}.es-input--OymK,.es-sectionLabel--LHE8{color:var(--es-foreground);font-size:var(--es-text-xs)}.es-input--OymK{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-input--OymK:focus{border-color:var(--es-ring)}.es-input--OymK::placeholder{color:var(--es-muted-foreground)}.es-inputMono-pCJz3,.es-textarea-iurkc{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.es-textarea-iurkc{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:5rem;outline:none;padding:var(--es-spacing-2);resize:none;transition:border-color var(--es-transition);width:100%}.es-textarea-iurkc:focus{border-color:var(--es-ring)}.es-textarea-iurkc::placeholder{color:var(--es-muted-foreground)}.es-booleanButtons-0bM8P{display:flex;gap:var(--es-spacing-2)}.es-booleanButton-3fXcB{background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;flex:1;font-size:var(--es-text-xs);height:2rem;padding:0;transition:all var(--es-transition)}.es-booleanButton-3fXcB:hover{background-color:var(--es-accent)}.es-booleanButtonActive-zGWrZ{border-color:var(--es-primary);color:var(--es-primary-foreground)}.es-booleanButtonActive-zGWrZ,.es-booleanButtonActive-zGWrZ:hover{background-color:var(--es-primary)}.es-datasourceList-VIRXb{display:flex;flex-direction:column;gap:var(--es-spacing-1)}.es-datasourceButton-giz6D{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);height:2rem;padding:0 var(--es-spacing-2);text-align:left;transition:all var(--es-transition)}.es-datasourceButton-giz6D:hover{background-color:var(--es-accent)}.es-datasourceButtonActive-m5WPP{border-color:var(--es-primary);color:var(--es-primary-foreground)}.es-datasourceButtonActive-m5WPP,.es-datasourceButtonActive-m5WPP:hover{background-color:var(--es-primary)}.es-datasourceIcon-q9Omt{height:.75rem;width:.75rem}.es-emptyState-rI2si{border:1px dashed var(--es-border);border-radius:var(--es-radius);padding:var(--es-spacing-3);text-align:center}.es-emptyState-rI2si,.es-hint-zfWLZ,.es-preview-tUInw{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-preview-tUInw{background-color:color-mix(in srgb,var(--es-muted) 30%,transparent);border:1px solid var(--es-border);border-radius:var(--es-radius);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;padding:var(--es-spacing-2)}.es-container-4VZqD{width:100%}.es-trigger-rmYLl{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);height:2rem;padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:border-color var(--es-transition);width:100%}.es-trigger-rmYLl:hover{border-color:var(--es-ring)}.es-triggerIcon-ktlTS{flex-shrink:0;height:.75rem;width:.75rem}.es-triggerText-B63By{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-popover-d9HQQ{border:1px solid var(--es-border);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:var(--es-spacing-3);width:20rem}.es-popover-d9HQQ,.es-popoverContent-IIcFY{background-color:var(--es-popover);border-radius:var(--es-radius)}.es-content-3MmL0{display:flex;flex-direction:column;gap:var(--es-spacing-3)}.es-header-VoKF3{align-items:center;display:flex;justify-content:space-between}.es-headerTitle-vDZR8{color:var(--es-foreground);font-size:var(--es-text-xs);font-weight:500}.es-headerCount-stTlN{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-mappingList-SLqhN{display:flex;flex-direction:column;gap:var(--es-spacing-2)}.es-mappingItem-xtRLl{border:1px solid var(--es-border);border-radius:var(--es-radius);display:flex;flex-direction:column;gap:var(--es-spacing-1);padding:var(--es-spacing-2)}.es-mappingHeader-LwKiY{align-items:center;display:flex;justify-content:space-between}.es-mappingTitle-IMhzw{color:var(--es-foreground);font-size:var(--es-text-xs);font-weight:500}.es-mappingRequired-tP6L-{color:var(--es-destructive);margin-left:var(--es-spacing-1)}.es-mappingType-nyqrh{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-mappingRow-lFfhT{align-items:center;display:flex;gap:var(--es-spacing-1)}.es-select-R4pIl{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);flex:1;font-size:var(--es-text-xs);height:1.75rem;outline:none;padding:0 var(--es-spacing-2);transition:border-color var(--es-transition)}.es-select-R4pIl:focus{border-color:var(--es-ring)}.es-input--LohJ{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--es-text-xs);height:1.75rem;outline:none;padding:0 var(--es-spacing-2);transition:border-color var(--es-transition)}.es-input--LohJ:focus{border-color:var(--es-ring)}.es-input--LohJ::placeholder{color:var(--es-muted-foreground)}.es-arrowIcon-QqWMM{color:var(--es-muted-foreground);flex-shrink:0;height:.75rem;width:.75rem}.es-targetField-gSvGk{align-items:center;background-color:color-mix(in srgb,var(--es-muted) 30%,transparent);border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);display:flex;flex:1;font-size:var(--es-text-xs);height:1.75rem;padding:0 var(--es-spacing-2)}.es-transformRow-O6MAG{align-items:center;display:flex;gap:var(--es-spacing-1)}.es-transformIcon-beXzy{color:var(--es-muted-foreground);flex-shrink:0;height:.75rem;width:.75rem}.es-transformInput-SyN2q{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--es-text-xs);height:1.5rem;outline:none;padding:0 var(--es-spacing-2);transition:border-color var(--es-transition)}.es-transformInput-SyN2q:focus{border-color:var(--es-ring)}.es-transformInput-SyN2q::placeholder{color:var(--es-muted-foreground)}.es-clearButton-Pm-uP{background-color:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;font-size:var(--es-text-xs);height:1.5rem;padding:0;transition:color var(--es-transition);width:100%}.es-clearButton-Pm-uP:hover{color:var(--es-foreground)}.es-helpText-IHqjo{color:var(--es-muted-foreground);font-size:var(--es-text-xs);line-height:1.5}.es-container-CUmyq{width:100%}.es-textarea-hn1hD{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:var(--es-text-xs);line-height:1.5;min-height:5rem;outline:none;padding:var(--es-spacing-2);resize:vertical;transition:border-color var(--es-transition);width:100%}.es-textarea-hn1hD:focus{border-color:var(--es-ring)}.es-textareaError-O2GWs{border-color:var(--es-destructive)}.es-error-wjKcS{color:var(--es-destructive);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1)}.es-container-som8X{display:flex;flex-direction:column}.es-id-VnRzV{color:var(--es-foreground);line-height:1.75}.es-title-B-JkN{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-container-d6iPo{position:relative;width:100%}.es-input-hzqco{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-input-hzqco::-webkit-inner-spin-button,.es-input-hzqco::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.es-input-hzqco:focus{border-color:var(--es-ring)}.es-input-hzqco::placeholder{color:var(--es-muted-foreground)}.es-inputWithSuffix-dzHIR{padding-right:2rem}.es-suffix--jLoo{color:var(--es-muted-foreground);font-size:var(--es-text-xs);pointer-events:none;position:absolute;right:var(--es-spacing-3);top:50%;transform:translateY(-50%)}.es-container-RzrEe{display:flex;flex-direction:column;gap:var(--es-spacing-3);width:100%}.es-field-AaNu3{display:flex;flex-direction:column;gap:var(--es-spacing-1)}.es-label-zWfmB{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.es-input-fv7wH{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-input-fv7wH::-webkit-inner-spin-button,.es-input-fv7wH::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.es-input-fv7wH:focus{border-color:var(--es-ring)}.es-input-fv7wH::placeholder{color:var(--es-muted-foreground)}.es-customField-hV2yY{align-items:flex-end;display:flex;gap:var(--es-spacing-1)}.es-customFieldInputs-efA5X{display:flex;flex:1;flex-direction:column;gap:var(--es-spacing-1)}.es-keyInput-MXoPV{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);font-size:var(--es-text-xs);height:1.5rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition)}.es-keyInput-MXoPV:focus{border-color:var(--es-ring)}.es-removeButton-s7K9l{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:color var(--es-transition);width:2rem}.es-removeButton-s7K9l:hover{color:var(--es-destructive)}.es-removeIcon-Ostpz{height:1rem;width:1rem}.es-addButton-Wgly5{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-1);height:2rem;justify-content:center;padding:0 var(--es-spacing-3);transition:background-color var(--es-transition),border-color var(--es-transition);width:100%}.es-addButton-Wgly5:hover{background-color:var(--es-accent);border-color:var(--es-accent)}.es-addIcon-61nc3{height:1rem;width:1rem}.es-container-YWSlG{display:flex;flex-wrap:wrap;gap:var(--es-spacing-2);width:100%}.es-inputWrapper-B2wKI{position:relative;width:calc(50% - 4px)}.es-input--qUrU{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);padding-right:2rem;transition:border-color var(--es-transition);width:100%}.es-input--qUrU::-webkit-inner-spin-button,.es-input--qUrU::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.es-input--qUrU:focus{border-color:var(--es-ring)}.es-suffix-2c3Cd{color:var(--es-muted-foreground);font-size:var(--es-text-xs);pointer-events:none;position:absolute;right:var(--es-spacing-3);top:50%;transform:translateY(-50%)}.es-container-lamwH{background-color:var(--es-muted);border-radius:var(--es-radius);display:inline-flex;gap:2px;padding:2px}.es-containerSm-mndNj{gap:1px;padding:1px}.es-segment-JmKWl{background:transparent;border:none;border-radius:calc(var(--es-radius) - 2px);color:var(--es-muted-foreground);cursor:pointer;flex:1;font-size:var(--es-text-sm);font-weight:500;padding:var(--es-spacing-1) var(--es-spacing-3);transition:all var(--es-transition);white-space:nowrap}.es-containerSm-mndNj .es-segment-JmKWl{font-size:var(--es-text-xs);padding:var(--es-spacing-1) var(--es-spacing-2)}.es-segment-JmKWl:hover:not(:disabled),.es-segmentSelected-fumXM{color:var(--es-foreground)}.es-segmentSelected-fumXM{background-color:var(--es-background);box-shadow:0 1px 2px rgba(0,0,0,.05)}.es-segmentDisabled-Md5LF{cursor:not-allowed;opacity:.5}.es-container-HI7-c{position:relative;width:100%}.es-trigger-YRz9p{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);height:2rem;justify-content:space-between;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-trigger-YRz9p:hover{border-color:var(--es-ring)}.es-triggerValue-k-g2-{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.es-chevron-UbZv-,.es-placeholder-F8-XP{color:var(--es-muted-foreground)}.es-chevron-UbZv-{height:1rem;transition:transform var(--es-transition);width:1rem}.es-chevronOpen-Yui-r{transform:rotate(180deg)}.es-dropdown-l2sra{background-color:var(--es-popover);border:1px solid var(--es-border);border-radius:var(--es-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:var(--es-spacing-1);width:100%}.es-option-cv-7C{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:background-color var(--es-transition);width:100%}.es-option-cv-7C:hover,.es-optionSelected-K4e5h{background-color:var(--es-accent)}.es-optionDisabled-72jrC{cursor:not-allowed;opacity:.5}.es-container-PG1Uy{align-items:center;display:flex;gap:var(--es-spacing-3);width:100%}.es-slider-pypb6{align-items:center;display:flex;flex:1;height:1.25rem;position:relative}.es-track-X2NtH{background-color:var(--es-secondary);border-radius:9999px;cursor:pointer;flex:1;height:.375rem;position:relative}.es-range-AVV8x{background-color:var(--es-primary);border-radius:9999px;height:100%;position:absolute}.es-thumb-YMQR-{background-color:var(--es-background);border:2px solid var(--es-primary);border-radius:9999px;cursor:pointer;height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:box-shadow var(--es-transition);width:1rem;z-index:1}.es-thumb-YMQR-:focus,.es-thumb-YMQR-:hover{box-shadow:0 0 0 4px rgba(0,0,0,.1)}.es-thumb-YMQR-:focus{outline:none}.es-value-JiWPV{color:var(--es-muted-foreground);font-size:var(--es-text-xs);min-width:40px;text-align:right}.es-container-XqQza{display:flex;flex-direction:column;gap:var(--es-spacing-2)}.es-boxModel-8RFjI{align-items:center;background-color:color-mix(in srgb,var(--es-muted) 30%,transparent);border:1px solid var(--es-border);border-radius:var(--es-radius);display:flex;height:6rem;justify-content:center;position:relative}.es-inputTop-bqsmI{left:50%;position:absolute;top:var(--es-spacing-1);transform:translateX(-50%)}.es-inputRight-TV3E-{position:absolute;right:var(--es-spacing-1);top:50%;transform:translateY(-50%)}.es-inputBottom-dP-wA{bottom:var(--es-spacing-1);left:50%;position:absolute;transform:translateX(-50%)}.es-inputLeft-sygc3{left:var(--es-spacing-1);position:absolute;top:50%;transform:translateY(-50%)}.es-spacingInput-KAWdK{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:1.5rem;outline:none;padding:0 var(--es-spacing-1);text-align:center;transition:border-color var(--es-transition);width:3rem}.es-spacingInput-KAWdK::-webkit-inner-spin-button,.es-spacingInput-KAWdK::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.es-spacingInput-KAWdK:focus{border-color:var(--es-ring)}.es-linkButton-v1n0k{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;transition:all var(--es-transition);width:2rem}.es-linkButton-v1n0k:hover{background-color:var(--es-accent)}.es-linkButtonActive-Vge1n{border-color:var(--es-primary);color:var(--es-primary-foreground)}.es-linkButtonActive-Vge1n,.es-linkButtonActive-Vge1n:hover{background-color:var(--es-primary)}.es-linkIcon-K0j9e{height:1rem;width:1rem}.es-presets-CPVVc{display:flex;gap:var(--es-spacing-1)}.es-presetButton-vUc7S{background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;flex:1;font-size:var(--es-text-xs);height:1.5rem;padding:0;transition:all var(--es-transition)}.es-presetButton-vUc7S:hover{background-color:var(--es-accent);border-color:var(--es-accent)}.es-modeLabel-Vh1Cf{color:var(--es-muted-foreground);font-size:var(--es-text-xs);text-align:center}.es-container-weN0F{position:relative;width:100%}.es-input-C8N67{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.es-input-C8N67:focus{border-color:var(--es-ring)}.es-input-C8N67::placeholder{color:var(--es-muted-foreground)}.es-inputWithSuffix-tdJcI{padding-right:2rem}.es-suffix-HGRiQ{color:var(--es-muted-foreground);font-size:var(--es-text-xs);pointer-events:none;position:absolute;right:var(--es-spacing-3);top:50%;transform:translateY(-50%)}.es-switch-2DV6T{background-color:var(--es-input);border:none;border-radius:9999px;cursor:pointer;height:1.25rem;padding:0;position:relative;transition:background-color var(--es-transition);width:2.25rem}.es-switch-2DV6T:focus-visible{outline:2px solid var(--es-ring);outline-offset:2px}.es-switchChecked-eI65V{background-color:var(--es-primary)}.es-switchThumb-GDlBx{background-color:var(--es-background);border-radius:9999px;box-shadow:0 1px 2px rgba(0,0,0,.1);height:1rem;left:2px;position:absolute;top:2px;transition:transform var(--es-transition);width:1rem}.es-switchThumbChecked-uA5kV{transform:translateX(1rem)}.es-checkboxWrapper-l-KtW{align-items:center;cursor:pointer;display:inline-flex}.es-checkboxInput-4Z9KK{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.es-checkbox-G1P36{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);display:flex;height:1rem;justify-content:center;padding:0;transition:all var(--es-transition);width:1rem}.es-checkboxWrapper-l-KtW:hover .es-checkbox-G1P36{border-color:var(--es-ring)}.es-checkboxInput-4Z9KK:focus+.es-checkbox-G1P36{border-color:var(--es-ring);box-shadow:0 0 0 2px var(--es-ring-alpha)}.es-checkboxChecked-7XJoC{background-color:var(--es-primary);border-color:var(--es-primary)}.es-checkIcon-3KIBH{color:var(--es-primary-foreground);height:.75rem;width:.75rem}.es-segmented-IaxAM{background-color:var(--es-muted);border-radius:var(--es-radius);display:inline-flex;gap:2px;padding:2px}.es-segmentedButton-mbZ5z{background:transparent;border:none;border-radius:calc(var(--es-radius) - 2px);color:var(--es-muted-foreground);cursor:pointer;font-size:var(--es-text-xs);font-weight:500;padding:var(--es-spacing-1) var(--es-spacing-2);transition:all var(--es-transition)}.es-segmentedButton-mbZ5z:hover{color:var(--es-foreground)}.es-segmentedButtonSelected-u4m2T{background-color:var(--es-background);box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--es-foreground)}.es-container-ftwPX{width:100%}.es-textarea-sJPy9{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-family:inherit;font-size:var(--es-text-xs);min-height:60px;outline:none;padding:var(--es-spacing-2);resize:vertical;transition:border-color var(--es-transition);width:100%}.es-textarea-sJPy9:focus{border-color:var(--es-ring)}.es-textarea-sJPy9::placeholder{color:var(--es-muted-foreground)}.es-counter-02NEu{color:var(--es-muted-foreground);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1);text-align:right}.es-container-EDh0-{overflow:hidden;position:relative;width:100%}.es-row-MOm-T{display:flex;gap:var(--es-spacing-2)}.es-label-1o-jT{cursor:pointer;flex:1}.es-hiddenInput-03Dx-{height:0;opacity:0;position:absolute;width:0}.es-uploadArea-1HYbh{align-items:center;border:1px dashed var(--es-border);border-radius:var(--es-radius);color:var(--es-muted-foreground);display:flex;font-size:var(--es-text-xs);height:2rem;justify-content:center;transition:border-color var(--es-transition);width:100%}.es-uploadArea-1HYbh:hover{border-color:var(--es-primary)}.es-uploadIcon-Ck7gF{height:1rem;margin-right:var(--es-spacing-2);width:1rem}.es-clearButton-N-9cs{align-items:center;background:transparent;border:none;border-radius:var(--es-radius);color:var(--es-muted-foreground);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0 var(--es-spacing-2);transition:color var(--es-transition)}.es-clearButton-N-9cs:hover{color:var(--es-destructive)}.es-clearIcon-LHlF6{height:1rem;width:1rem}.es-fileInfo-71Jtf{align-items:center;color:var(--es-foreground);display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);margin-top:var(--es-spacing-2);width:100%}.es-fileName-B2hHy{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-fileSize-pINcz{color:var(--es-muted-foreground);flex-shrink:0;white-space:nowrap}.es-error-A8MID{color:var(--es-destructive);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1)}.es-container-gjha7{transform:translateX(-16px);width:calc(100% + 32px)}.es-header-iE--w{align-items:center;background-color:var(--es-muted);display:flex;height:2rem;justify-content:space-between;padding:0 1rem}.es-title-qTdCp{color:var(--es-foreground);font-size:var(--es-text-sm);font-weight:500}.es-toggleButton-g6dI2{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;justify-content:center;padding:var(--es-spacing-1);transition:background-color var(--es-transition)}.es-toggleButton-g6dI2:hover{background-color:var(--es-accent)}.es-toggleIcon-cjnM4{height:1rem;width:1rem}.es-content-GYYgk{display:flex;flex-direction:column;gap:var(--es-spacing-3);padding:var(--es-spacing-2) 1rem}.es-contentHidden-WAYSW{display:none}.es-srOnly-EI1Tc{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.es-container-4LWRO{width:100%}.es-tabsList-L72im{background-color:var(--es-muted);border-radius:var(--es-radius);display:grid;padding:var(--es-spacing-1);width:100%}.es-tabTrigger-u3S3S{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;font-size:var(--es-text-sm);font-weight:500;justify-content:center;padding:var(--es-spacing-1) var(--es-spacing-3);transition:all var(--es-transition)}.es-tabTrigger-u3S3S:hover{color:var(--es-foreground)}.es-tabTriggerActive-xCpU6{background-color:var(--es-background);box-shadow:0 1px 3px 0 rgba(0,0,0,.1);color:var(--es-foreground)}.es-tabContent-Pj2Us{box-sizing:border-box;display:none;flex-direction:column;gap:var(--es-spacing-3);margin-top:0;padding:var(--es-spacing-2)}.es-tabContentActive-NJtXh{display:flex}
|
|
1
|
+
:root{--es-background:#fff;--es-foreground:#18181b;--es-foreground-secondary:#52525b;--es-primary:#18181b;--es-primary-hover:#09090b;--es-primary-foreground:#fff;--es-primary-muted:rgba(24,24,27,.08);--es-secondary:#f4f4f5;--es-secondary-hover:#e4e4e7;--es-secondary-foreground:#18181b;--es-muted:#fafafa;--es-muted-foreground:#71717a;--es-accent:#f4f4f5;--es-accent-hover:#e4e4e7;--es-accent-foreground:#18181b;--es-destructive:#dc2626;--es-destructive-foreground:#fff;--es-success:#16a34a;--es-warning:#d97706;--es-border:#e4e4e7;--es-border-hover:#d4d4d8;--es-input:#e4e4e7;--es-ring:#18181b;--es-popover:#fff;--es-popover-foreground:#18181b;--es-radius:6px;--es-radius-sm:4px;--es-radius-lg:8px;--es-spacing-1:4px;--es-spacing-2:8px;--es-spacing-3:12px;--es-spacing-4:16px;--es-text-xs:11px;--es-text-sm:12px;--es-text-base:13px;--es-transition:150ms cubic-bezier(0.4,0,0.2,1);--es-transition-fast:100ms cubic-bezier(0.4,0,0.2,1);--es-shadow-sm:0 1px 2px rgba(0,0,0,.05);--es-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.dark{--es-background:#09090b;--es-foreground:#fafafa;--es-foreground-secondary:#a1a1aa;--es-primary:#fafafa;--es-primary-hover:#fff;--es-primary-foreground:#18181b;--es-primary-muted:hsla(0,0%,98%,.1);--es-secondary:#27272a;--es-secondary-hover:#3f3f46;--es-secondary-foreground:#fafafa;--es-muted:#18181b;--es-muted-foreground:#a1a1aa;--es-accent:#27272a;--es-accent-hover:#3f3f46;--es-accent-foreground:#fafafa;--es-destructive:#ef4444;--es-destructive-foreground:#fff;--es-success:#22c55e;--es-warning:#f59e0b;--es-border:#27272a;--es-border-hover:#3f3f46;--es-input:#27272a;--es-ring:#fafafa;--es-popover:#18181b;--es-popover-foreground:#fafafa;--es-shadow-sm:0 1px 2px rgba(0,0,0,.3);--es-shadow:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3)}.styles-module-container-KSlB-{display:flex;flex-direction:column;gap:var(--es-spacing-2);width:100%}.styles-module-item-xDCpZ{align-items:center;display:flex;gap:var(--es-spacing-1)}.styles-module-dragHandle-lOaFv{color:var(--es-muted-foreground);cursor:grab;flex-shrink:0;height:1rem;width:1rem}.styles-module-input-ItzPT{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);flex:1;font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition)}.styles-module-input-ItzPT::-webkit-inner-spin-button,.styles-module-input-ItzPT::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.styles-module-input-ItzPT:focus{border-color:var(--es-ring)}.styles-module-input-ItzPT::placeholder{color:var(--es-muted-foreground)}.styles-module-removeButton-ymAlo{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:color var(--es-transition);width:2rem}.styles-module-removeButton-ymAlo:hover:not(:disabled){color:var(--es-destructive)}.styles-module-removeButton-ymAlo:disabled{cursor:not-allowed;opacity:.5}.styles-module-removeIcon-ld51f{height:1rem;width:1rem}.styles-module-addButton-U1VQX{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-1);height:2rem;justify-content:center;padding:0 var(--es-spacing-3);transition:background-color var(--es-transition),border-color var(--es-transition);width:100%}.styles-module-addButton-U1VQX:hover:not(:disabled){background-color:var(--es-accent);border-color:var(--es-accent)}.styles-module-addButton-U1VQX:disabled{cursor:not-allowed;opacity:.5}.styles-module-addIcon-6qJub{height:1rem;width:1rem}.styles-module-trigger-w-aUi{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);height:2rem;padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:border-color var(--es-transition);width:100%}.styles-module-trigger-w-aUi:hover{border-color:var(--es-ring)}.styles-module-colorPreview-SUgiJ{border:1px solid var(--es-muted-foreground);border-radius:9999px;height:.875rem;width:.875rem}.styles-module-colorValue-cYdRP{flex:1;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styles-module-popover-SfIUB{background-color:var(--es-popover);border:1px solid var(--es-border);border-radius:var(--es-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.styles-module-container-CUmyq{width:100%}.styles-module-textarea-hn1hD{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:var(--es-text-xs);line-height:1.5;min-height:5rem;outline:none;padding:var(--es-spacing-2);resize:vertical;transition:border-color var(--es-transition);width:100%}.styles-module-textarea-hn1hD:focus{border-color:var(--es-ring)}.styles-module-textareaError-O2GWs{border-color:var(--es-destructive)}.styles-module-error-wjKcS{color:var(--es-destructive);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1)}.styles-module-container-d6iPo{position:relative;width:100%}.styles-module-input-hzqco{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.styles-module-input-hzqco::-webkit-inner-spin-button,.styles-module-input-hzqco::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.styles-module-input-hzqco:focus{border-color:var(--es-ring)}.styles-module-input-hzqco::placeholder{color:var(--es-muted-foreground)}.styles-module-inputWithSuffix-dzHIR{padding-right:2rem}.styles-module-suffix--jLoo{color:var(--es-muted-foreground);font-size:var(--es-text-xs);pointer-events:none;position:absolute;right:var(--es-spacing-3);top:50%;transform:translateY(-50%)}.styles-module-container-RzrEe{display:flex;flex-direction:column;gap:var(--es-spacing-3);width:100%}.styles-module-field-AaNu3{display:flex;flex-direction:column;gap:var(--es-spacing-1)}.styles-module-label-zWfmB{color:var(--es-muted-foreground);font-size:var(--es-text-xs)}.styles-module-input-fv7wH{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.styles-module-input-fv7wH::-webkit-inner-spin-button,.styles-module-input-fv7wH::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.styles-module-input-fv7wH:focus{border-color:var(--es-ring)}.styles-module-input-fv7wH::placeholder{color:var(--es-muted-foreground)}.styles-module-customField-hV2yY{align-items:flex-end;display:flex;gap:var(--es-spacing-1)}.styles-module-customFieldInputs-efA5X{display:flex;flex:1;flex-direction:column;gap:var(--es-spacing-1)}.styles-module-keyInput-MXoPV{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);font-size:var(--es-text-xs);height:1.5rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition)}.styles-module-keyInput-MXoPV:focus{border-color:var(--es-ring)}.styles-module-removeButton-s7K9l{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:color var(--es-transition);width:2rem}.styles-module-removeButton-s7K9l:hover{color:var(--es-destructive)}.styles-module-removeIcon-Ostpz{height:1rem;width:1rem}.styles-module-addButton-Wgly5{align-items:center;background-color:transparent;border:1px solid var(--es-border);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-1);height:2rem;justify-content:center;padding:0 var(--es-spacing-3);transition:background-color var(--es-transition),border-color var(--es-transition);width:100%}.styles-module-addButton-Wgly5:hover{background-color:var(--es-accent);border-color:var(--es-accent)}.styles-module-addIcon-61nc3{height:1rem;width:1rem}.styles-module-container-YWSlG{display:flex;flex-wrap:wrap;gap:var(--es-spacing-2);width:100%}.styles-module-inputWrapper-B2wKI{position:relative;width:calc(50% - 4px)}.styles-module-input--qUrU{-moz-appearance:textfield;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);padding-right:2rem;transition:border-color var(--es-transition);width:100%}.styles-module-input--qUrU::-webkit-inner-spin-button,.styles-module-input--qUrU::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.styles-module-input--qUrU:focus{border-color:var(--es-ring)}.styles-module-suffix-2c3Cd{color:var(--es-muted-foreground);font-size:var(--es-text-xs);pointer-events:none;position:absolute;right:var(--es-spacing-3);top:50%;transform:translateY(-50%)}.styles-module-container-lamwH{background-color:var(--es-muted);border-radius:var(--es-radius);display:inline-flex;padding:3px;position:relative}.styles-module-containerSm-mndNj{padding:2px}.styles-module-indicator-pz-DO{background-color:var(--es-background);border-radius:calc(var(--es-radius) - 2px);box-shadow:var(--es-shadow-sm);height:calc(100% - 6px);left:0;position:absolute;top:3px;transition:transform .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);will-change:transform,width;z-index:0}.styles-module-containerSm-mndNj .styles-module-indicator-pz-DO{height:calc(100% - 4px);top:2px}.styles-module-segment-JmKWl{background:transparent;border:none;border-radius:calc(var(--es-radius) - 2px);color:var(--es-muted-foreground);cursor:pointer;flex:1;font-size:var(--es-text-sm);font-weight:500;padding:4px 12px;position:relative;transition:color .15s ease;white-space:nowrap;z-index:1}.styles-module-containerSm-mndNj .styles-module-segment-JmKWl{font-size:var(--es-text-xs);padding:3px 8px}.styles-module-segment-JmKWl:hover:not(:disabled),.styles-module-segmentSelected-fumXM{color:var(--es-foreground)}.styles-module-segmentDisabled-Md5LF{cursor:not-allowed;opacity:.5}.styles-module-container-HI7-c{position:relative;width:100%}.styles-module-trigger-YRz9p{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);height:2rem;justify-content:space-between;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.styles-module-trigger-YRz9p:hover{border-color:var(--es-ring)}.styles-module-triggerValue-k-g2-{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.styles-module-chevron-UbZv-,.styles-module-placeholder-F8-XP{color:var(--es-muted-foreground)}.styles-module-chevron-UbZv-{height:1rem;transition:transform var(--es-transition);width:1rem}.styles-module-chevronOpen-Yui-r{transform:rotate(180deg)}.styles-module-dropdown-l2sra{background-color:var(--es-popover);border:1px solid var(--es-border);border-radius:var(--es-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:var(--es-spacing-1);width:100%}.styles-module-option-cv-7C{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-foreground);cursor:pointer;display:flex;font-size:var(--es-text-xs);padding:var(--es-spacing-1) var(--es-spacing-2);text-align:left;transition:background-color var(--es-transition);width:100%}.styles-module-option-cv-7C:hover,.styles-module-optionSelected-K4e5h{background-color:var(--es-accent)}.styles-module-optionDisabled-72jrC{cursor:not-allowed;opacity:.5}.styles-module-container-PG1Uy{align-items:center;display:flex;gap:var(--es-spacing-3);width:100%}.styles-module-slider-pypb6{align-items:center;display:flex;flex:1;height:1.25rem;position:relative}.styles-module-track-X2NtH{background-color:var(--es-secondary);border-radius:9999px;cursor:pointer;flex:1;height:.375rem;position:relative}.styles-module-range-AVV8x{background-color:var(--es-primary);border-radius:9999px;height:100%;position:absolute}.styles-module-thumb-YMQR-{background-color:var(--es-background);border:2px solid var(--es-primary);border-radius:9999px;cursor:pointer;height:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:box-shadow var(--es-transition);width:1rem;z-index:1}.styles-module-thumb-YMQR-:focus,.styles-module-thumb-YMQR-:hover{box-shadow:0 0 0 4px rgba(0,0,0,.1)}.styles-module-thumb-YMQR-:focus{outline:none}.styles-module-value-JiWPV{color:var(--es-muted-foreground);font-size:var(--es-text-xs);min-width:40px;text-align:right}.styles-module-container-weN0F{position:relative;width:100%}.styles-module-input-C8N67{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-size:var(--es-text-xs);height:2rem;outline:none;padding:var(--es-spacing-1) var(--es-spacing-2);transition:border-color var(--es-transition);width:100%}.styles-module-input-C8N67:focus{border-color:var(--es-ring)}.styles-module-input-C8N67::placeholder{color:var(--es-muted-foreground)}.styles-module-inputWithSuffix-tdJcI{padding-right:2rem}.styles-module-suffix-HGRiQ{color:var(--es-muted-foreground);font-size:var(--es-text-xs);pointer-events:none;position:absolute;right:var(--es-spacing-3);top:50%;transform:translateY(-50%)}.styles-module-switch-2DV6T{background-color:var(--es-input);border:none;border-radius:9999px;cursor:pointer;height:1.25rem;padding:0;position:relative;transition:background-color var(--es-transition);width:2.25rem}.styles-module-switch-2DV6T:focus-visible{outline:2px solid var(--es-ring);outline-offset:2px}.styles-module-switchChecked-eI65V{background-color:var(--es-primary)}.styles-module-switchThumb-GDlBx{background-color:var(--es-background);border-radius:9999px;box-shadow:0 1px 2px rgba(0,0,0,.1);height:1rem;left:2px;position:absolute;top:2px;transition:transform var(--es-transition);width:1rem}.styles-module-switchThumbChecked-uA5kV{transform:translateX(1rem)}.styles-module-checkboxWrapper-l-KtW{align-items:center;cursor:pointer;display:inline-flex}.styles-module-checkboxInput-4Z9KK{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.styles-module-checkbox-G1P36{align-items:center;background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);display:flex;height:1rem;justify-content:center;padding:0;transition:all var(--es-transition);width:1rem}.styles-module-checkboxWrapper-l-KtW:hover .styles-module-checkbox-G1P36{border-color:var(--es-ring)}.styles-module-checkboxInput-4Z9KK:focus+.styles-module-checkbox-G1P36{border-color:var(--es-ring);box-shadow:0 0 0 2px var(--es-ring-alpha)}.styles-module-checkboxChecked-7XJoC{background-color:var(--es-primary);border-color:var(--es-primary)}.styles-module-checkIcon-3KIBH{color:var(--es-primary-foreground);height:.75rem;width:.75rem}.styles-module-segmented-IaxAM{background-color:var(--es-muted);border-radius:var(--es-radius);display:inline-flex;gap:2px;padding:2px}.styles-module-segmentedButton-mbZ5z{background:transparent;border:none;border-radius:calc(var(--es-radius) - 2px);color:var(--es-muted-foreground);cursor:pointer;font-size:var(--es-text-xs);font-weight:500;padding:var(--es-spacing-1) var(--es-spacing-2);transition:all var(--es-transition)}.styles-module-segmentedButton-mbZ5z:hover{color:var(--es-foreground)}.styles-module-segmentedButtonSelected-u4m2T{background-color:var(--es-background);box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--es-foreground)}.styles-module-container-ftwPX{width:100%}.styles-module-textarea-sJPy9{background-color:var(--es-background);border:1px solid var(--es-input);border-radius:var(--es-radius-sm);color:var(--es-foreground);font-family:inherit;font-size:var(--es-text-xs);min-height:60px;outline:none;padding:var(--es-spacing-2);resize:vertical;transition:border-color var(--es-transition);width:100%}.styles-module-textarea-sJPy9:focus{border-color:var(--es-ring)}.styles-module-textarea-sJPy9::placeholder{color:var(--es-muted-foreground)}.styles-module-counter-02NEu{color:var(--es-muted-foreground);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1);text-align:right}.styles-module-container-EDh0-{overflow:hidden;position:relative;width:100%}.styles-module-row-MOm-T{display:flex;gap:var(--es-spacing-2)}.styles-module-label-1o-jT{cursor:pointer;flex:1}.styles-module-hiddenInput-03Dx-{height:0;opacity:0;position:absolute;width:0}.styles-module-uploadArea-1HYbh{align-items:center;border:1px dashed var(--es-border);border-radius:var(--es-radius);color:var(--es-muted-foreground);display:flex;font-size:var(--es-text-xs);height:2rem;justify-content:center;transition:border-color var(--es-transition);width:100%}.styles-module-uploadArea-1HYbh:hover{border-color:var(--es-primary)}.styles-module-uploadIcon-Ck7gF{height:1rem;margin-right:var(--es-spacing-2);width:1rem}.styles-module-clearButton-N-9cs{align-items:center;background:transparent;border:none;border-radius:var(--es-radius);color:var(--es-muted-foreground);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0 var(--es-spacing-2);transition:color var(--es-transition)}.styles-module-clearButton-N-9cs:hover{color:var(--es-destructive)}.styles-module-clearIcon-LHlF6{height:1rem;width:1rem}.styles-module-fileInfo-71Jtf{align-items:center;color:var(--es-foreground);display:flex;font-size:var(--es-text-xs);gap:var(--es-spacing-2);margin-top:var(--es-spacing-2);width:100%}.styles-module-fileName-B2hHy{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styles-module-fileSize-pINcz{color:var(--es-muted-foreground);flex-shrink:0;white-space:nowrap}.styles-module-error-A8MID{color:var(--es-destructive);font-size:var(--es-text-xs);margin-top:var(--es-spacing-1)}.styles-module-container-gjha7{transform:translateX(-16px);width:calc(100% + 32px)}.styles-module-header-iE--w{align-items:center;background-color:var(--es-muted);cursor:pointer;display:flex;height:32px;justify-content:space-between;padding:0 16px;transition:background-color .15s ease;user-select:none}.styles-module-header-iE--w:hover{background-color:var(--es-accent)}.styles-module-titleWrapper-MKhFX{align-items:center;display:flex;gap:6px}.styles-module-chevron--dfCY{color:var(--es-muted-foreground);flex-shrink:0;height:14px;transition:transform .2s cubic-bezier(.4,0,.2,1);width:14px}.styles-module-chevronOpen-YwT7-{transform:rotate(90deg)}.styles-module-title-qTdCp{color:var(--es-foreground);font-size:12px;font-weight:500;letter-spacing:.01em}.styles-module-toggleButton-g6dI2{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--es-muted-foreground);cursor:pointer;display:flex;height:20px;justify-content:center;transition:background-color .15s ease,color .15s ease;width:20px}.styles-module-toggleButton-g6dI2:hover{background-color:var(--es-border);color:var(--es-foreground)}.styles-module-toggleIcon-cjnM4{height:14px;width:14px}.styles-module-content-GYYgk{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1)}.styles-module-contentInner-YQzDE{display:flex;flex-direction:column;gap:var(--es-spacing-3);overflow:hidden;padding:12px 16px}.styles-module-contentHidden-WAYSW{grid-template-rows:0fr}.styles-module-contentHidden-WAYSW .styles-module-contentInner-YQzDE{padding-bottom:0;padding-top:0}.styles-module-srOnly-EI1Tc{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.styles-module-container-BPB4M{width:100%}.styles-module-tabsWrapper-wAK69{position:relative}.styles-module-tabsList-hV1mY{border-bottom:1px solid var(--es-border);display:flex;margin:0;padding:0}.styles-module-tabTrigger--ORCz{align-items:center;background:transparent;border:none;color:var(--es-muted-foreground);cursor:pointer;display:flex;flex:1;font-size:12px;font-weight:500;justify-content:center;letter-spacing:.01em;min-width:0;overflow:hidden;padding:8px 12px;position:relative;text-overflow:ellipsis;transition:color .15s ease;user-select:none;white-space:nowrap}.styles-module-tabTrigger--ORCz:hover{color:var(--es-foreground)}.styles-module-tabTrigger--ORCz:focus-visible{color:var(--es-foreground);outline:none}.styles-module-tabTriggerActive-R7369{color:var(--es-foreground)}.styles-module-indicator-JfmPM{background:var(--es-primary);border-radius:1px 1px 0 0;bottom:0;height:2px;left:0;position:absolute;transition:transform .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);will-change:transform,width}.styles-module-tabContent-7Dnf2{animation:styles-module-fadeIn-3DcSJ .15s ease;display:none;flex-direction:column;gap:var(--es-spacing-2);padding:var(--es-spacing-3) 0}.styles-module-tabContentActive-KnHQV{display:flex}@keyframes styles-module-fadeIn-3DcSJ{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.styles-module-container-4LWRO{width:100%}.styles-module-tabsList-L72im{background-color:var(--es-muted);border-radius:var(--es-radius);display:grid;padding:var(--es-spacing-1);position:relative;width:100%}.styles-module-indicator-3Lmrg{background-color:var(--es-background);border-radius:var(--es-radius-sm);box-shadow:0 1px 3px 0 rgba(0,0,0,.1);height:calc(100% - var(--es-spacing-1)*2);left:0;position:absolute;top:var(--es-spacing-1);transition:transform .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);will-change:transform,width;z-index:0}.styles-module-tabTrigger-u3S3S{align-items:center;background:transparent;border:none;border-radius:var(--es-radius-sm);color:var(--es-muted-foreground);cursor:pointer;display:flex;font-size:var(--es-text-sm);font-weight:500;justify-content:center;padding:var(--es-spacing-1) var(--es-spacing-3);position:relative;transition:color .15s ease;z-index:1}.styles-module-tabTrigger-u3S3S:hover,.styles-module-tabTriggerActive-xCpU6{color:var(--es-foreground)}.styles-module-tabContent-Pj2Us{box-sizing:border-box;display:none;flex-direction:column;gap:var(--es-spacing-3);margin-top:0;padding:var(--es-spacing-2)}.styles-module-tabContentActive-NJtXh{display:flex}
|
package/dist/index.min.js
CHANGED
|
@@ -1,27 +1,26 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom"),require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","react/jsx-runtime"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).EasyEditorSetters={},e.React,e.ReactDOM,e.jsxRuntime)}(this,function(e,t,a,
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom"),require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","react/jsx-runtime"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).EasyEditorSetters={},e.React,e.ReactDOM,e.jsxRuntime)}(this,function(e,t,a,l){"use strict";const r=e=>{const{open:l,onClose:r,trigger:n,children:s,width:o="trigger"}=e,c=t.useRef(null),[i,u]=t.useState({top:0,left:0}),[d,m]=t.useState(0);return t.useEffect(()=>{if(l&&c.current){const e=c.current.getBoundingClientRect(),t=e.width;"trigger"===o&&m(t),u({top:e.bottom+4,left:e.left})}},[l,o]),t.useEffect(()=>{const e=e=>{const t=e.target,a=document.querySelector(".es-popover-portal");a&&!a.contains(t)&&c.current&&!c.current.contains(t)&&r()};if(l)return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[l,r]),React.createElement(React.Fragment,null,React.createElement("div",{ref:c},n),l?a.createPortal(React.createElement("div",{className:"es-popover-portal",style:{position:"fixed",top:i.top,left:i.left,width:d||"auto",zIndex:1e3}},s),document.body):"")},n=e=>{const t=(e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,a)=>a?a.toUpperCase():t.toLowerCase()))(e);return t.charAt(0).toUpperCase()+t.slice(1)},s=(...e)=>e.filter((e,t,a)=>Boolean(e)&&""!==e.trim()&&a.indexOf(e)===t).join(" ").trim(),o=e=>{for(const t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0};
|
|
2
2
|
/**
|
|
3
3
|
* @license lucide-react v0.561.0 - ISC
|
|
4
4
|
*
|
|
5
5
|
* This source code is licensed under the ISC license.
|
|
6
6
|
* See the LICENSE file in the root directory of this source tree.
|
|
7
|
-
*/
|
|
7
|
+
*/
|
|
8
8
|
/**
|
|
9
9
|
* @license lucide-react v0.561.0 - ISC
|
|
10
10
|
*
|
|
11
11
|
* This source code is licensed under the ISC license.
|
|
12
12
|
* See the LICENSE file in the root directory of this source tree.
|
|
13
13
|
*/
|
|
14
|
-
var
|
|
14
|
+
var c={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};
|
|
15
15
|
/**
|
|
16
16
|
* @license lucide-react v0.561.0 - ISC
|
|
17
17
|
*
|
|
18
18
|
* This source code is licensed under the ISC license.
|
|
19
19
|
* See the LICENSE file in the root directory of this source tree.
|
|
20
|
-
*/const
|
|
20
|
+
*/const i=t.forwardRef(({color:e="currentColor",size:a=24,strokeWidth:l=2,absoluteStrokeWidth:r,className:n="",children:i,iconNode:u,...d},m)=>t.createElement("svg",{ref:m,...c,width:a,height:a,stroke:e,strokeWidth:r?24*Number(l)/Number(a):l,className:s("lucide",n),...!i&&!o(d)&&{"aria-hidden":"true"},...d},[...u.map(([e,a])=>t.createElement(e,a)),...Array.isArray(i)?i:[i]])),u=(e,a)=>{const l=t.forwardRef(({className:l,...r},o)=>{return t.createElement(i,{ref:o,iconNode:a,className:s(`lucide-${c=n(e),c.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,l),...r});var c});return l.displayName=n(e),l},d=u("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]),m=u("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),p=u("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]),h=u("grip-vertical",[["circle",{cx:"9",cy:"12",r:"1",key:"1vctgf"}],["circle",{cx:"9",cy:"5",r:"1",key:"hp0tcf"}],["circle",{cx:"9",cy:"19",r:"1",key:"fkjjf6"}],["circle",{cx:"15",cy:"12",r:"1",key:"1tmaij"}],["circle",{cx:"15",cy:"5",r:"1",key:"19l28e"}],["circle",{cx:"15",cy:"19",r:"1",key:"f4zoj3"}]]),v=u("plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]),g=u("trash-2",[["path",{d:"M10 11v6",key:"nco0om"}],["path",{d:"M14 11v6",key:"outv1u"}],["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]]),f=u("upload",[["path",{d:"M12 3v12",key:"1x0j5s"}],["path",{d:"m17 8-5-5-5 5",key:"7q97r8"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}]]),b=u("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);
|
|
21
21
|
/**
|
|
22
22
|
* @license lucide-react v0.561.0 - ISC
|
|
23
23
|
*
|
|
24
24
|
* This source code is licensed under the ISC license.
|
|
25
25
|
* See the LICENSE file in the root directory of this source tree.
|
|
26
|
-
*/var P="es-container-K2hFq",D="es-visualWrapper-4dHVX",F="es-previewBox-LDujZ",T="es-previewElement-Bu8GM",O="es-grid-BmRRU",U="es-gridButton-6Vtr7",W="es-gridButtonSelected-fOpOm",H="es-section-SaHDo",q="es-sectionLabel-hDWO0",Y="es-buttonGroup-Nj258",X="es-alignButton-zAvz2",$="es-alignButtonSelected-kGGHJ",J="es-alignIcon-mFjSX",G="es-alignIconRotated-z4AwW";const K={horizontal:"left",vertical:"top"},Z=[{value:"left",icon:b,label:"左对齐"},{value:"center",icon:f,label:"水平居中"},{value:"right",icon:h,label:"右对齐"},{value:"stretch",icon:j,label:"水平拉伸"}],Q=[{value:"top",icon:v,label:"顶部对齐"},{value:"center",icon:g,label:"垂直居中"},{value:"bottom",icon:p,label:"底部对齐"},{value:"stretch",icon:j,label:"垂直拉伸"}],_=[{h:"left",v:"top"},{h:"center",v:"top"},{h:"right",v:"top"},{h:"left",v:"center"},{h:"center",v:"center"},{h:"right",v:"center"},{h:"left",v:"bottom"},{h:"center",v:"bottom"},{h:"right",v:"bottom"}],ee=(e,t)=>{const a={position:"absolute"};return"left"===e?(a.left="4px",a.width="30%"):"center"===e?(a.left="50%",a.transform="translateX(-50%)",a.width="30%"):"right"===e?(a.right="4px",a.width="30%"):(a.left="4px",a.right="4px",a.width="auto"),"top"===t?(a.top="4px",a.height="30%"):"center"===t?(a.top="50%",a.transform="center"===e?"translate(-50%, -50%)":"translateY(-50%)",a.height="30%"):"bottom"===t?(a.bottom="4px",a.height="30%"):(a.top="4px",a.bottom="4px",a.height="auto"),a},te=e=>{const{value:a,initialValue:r,onChange:l,showHorizontal:n=!0,showVertical:c=!0}=e,o=a??r??K,i=t.useCallback(e=>{l({...o,...e})},[o,l]),u=t.useCallback((e,t)=>{l({horizontal:e,vertical:t})},[l]);return React.createElement("div",{className:P},!0===n&&!0===c?React.createElement("div",{className:D},React.createElement("div",{className:F},React.createElement("div",{className:T,style:ee(o.horizontal,o.vertical)})),React.createElement("div",{className:O},_.map(e=>{return React.createElement("button",{"aria-label":`Align ${e.h} ${e.v}`,className:s(U,(t=e.h,a=e.v,o.horizontal===t&&o.vertical===a?W:"")),key:`${e.h}-${e.v}`,onClick:()=>u(e.h,e.v),type:"button"});var t,a}))):null,!0===n?React.createElement("div",{className:H},React.createElement("span",{className:q},"水平对齐"),React.createElement("div",{className:Y},Z.map(e=>{const t=e.icon,a="stretch"===e.value;return React.createElement("button",{"aria-label":e.label,className:s(X,o.horizontal===e.value?$:""),key:e.value,onClick:()=>i({horizontal:e.value}),title:e.label,type:"button"},React.createElement(t,{className:s(J,a?G:"")}))}))):null,!0===c?React.createElement("div",{className:H},React.createElement("span",{className:q},"垂直对齐"),React.createElement("div",{className:Y},Q.map(e=>{const t=e.icon;return React.createElement("button",{"aria-label":e.label,className:s(X,o.vertical===e.value?$:""),key:e.value,onClick:()=>i({vertical:e.value}),title:e.label,type:"button"},React.createElement(t,{className:J}))}))):null)};var ae="es-container-KSlB-",re="es-item-xDCpZ",le="es-dragHandle-lOaFv",ne="es-input-ItzPT",se="es-removeButton-ymAlo",ce="es-removeIcon-ld51f",oe="es-addButton-U1VQX",ie="es-addIcon-6qJub";const ue=e=>{const{value:a,initialValue:r,itemSetter:l="string",maxItems:n,minItems:s=0,placeholder:c,addButtonText:o="添加项",onChange:i}=e,u=a??r??[],m=t.useCallback(()=>{if(n&&u.length>=n)return;const e="number"===l?0:"";i([...u,e])},[u,n,l,i]),d=t.useCallback(e=>{if(u.length<=s)return;const t=u.filter((t,a)=>a!==e);i(t)},[u,s,i]),p=t.useCallback((e,t)=>{const a=[...u];a[e]=t,i(a)},[u,i]),h=!n||u.length<n,g=u.length>s;return React.createElement("div",{className:ae},u.map((e,t)=>React.createElement("div",{className:re,key:`item-${String(e)}-${t}`},React.createElement(C,{className:le}),React.createElement("input",{className:ne,onChange:e=>{const a="number"===l?+e.target.value:e.target.value;p(t,a)},placeholder:c,type:"number"===l?"number":"text",value:e}),React.createElement("button",{className:se,disabled:!g,onClick:()=>d(t),type:"button"},React.createElement(I,{className:ce})))),React.createElement("button",{className:oe,disabled:!h,onClick:m,type:"button"},React.createElement(M,{className:ie}),o))};function me(){return me=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},me.apply(null,arguments)}function de(e,t){if(null==e)return{};var a={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;a[r]=e[r]}return a}var pe=255,he=100,ge=e=>{var{r:t,g:a,b:r,a:l}=e,n=Math.max(t,a,r),s=n-Math.min(t,a,r),c=s?n===t?(a-r)/s:n===a?2+(r-t)/s:4+(t-a)/s:0;return{h:60*(c<0?c+6:c),s:n?s/n*he:0,v:n/pe*he,a:l}},ve=e=>{var{h:t,s:a,l:r,a:l}=be(e);return"hsla("+t+", "+a+"%, "+r+"%, "+l+")"},be=e=>{var{h:t,s:a,v:r,a:l}=e,n=(200-a)*r/he;return{h:t,s:n>0&&n<200?a*r/he/(n<=he?n:200-n)*he:0,l:n/2,a:l}},fe=e=>{var t,{r:a,g:r,b:l}=e;return"#"+(t=(a<<16|r<<8|l).toString(16),new Array(7-t.length).join("0")+t)},ye=e=>ge(xe(e)),xe=e=>{var t=e.replace("#","");/^#?/.test(e)&&3===t.length&&(e="#"+t.charAt(0)+t.charAt(0)+t.charAt(1)+t.charAt(1)+t.charAt(2)+t.charAt(2));var a=new RegExp("[A-Za-z0-9]{2}","g"),[r,l,n=0,s]=e.match(a).map(e=>parseInt(e,16));return{r:r,g:l,b:n,a:(null!=s?s:255)/pe}},Re=e=>{var{h:t,s:a,v:r,a:l}=e,n=t/60,s=a/he,c=r/he,o=Math.floor(n)%6,i=n-Math.floor(n),u=pe*c*(1-s),m=pe*c*(1-s*i),d=pe*c*(1-s*(1-i));c*=pe;var p={};switch(o){case 0:p.r=c,p.g=d,p.b=u;break;case 1:p.r=m,p.g=c,p.b=u;break;case 2:p.r=u,p.g=c,p.b=d;break;case 3:p.r=u,p.g=m,p.b=c;break;case 4:p.r=d,p.g=u,p.b=c;break;case 5:p.r=c,p.g=u,p.b=m}return p.r=Math.round(p.r),p.g=Math.round(p.g),p.b=Math.round(p.b),me({},p,{a:l})},Ne=e=>{var{r:t,g:a,b:r,a:l}=Re(e);return"rgba("+t+", "+a+", "+r+", "+l+")"},ke=e=>fe(Re(e)),Ee=e=>{var t,a,r,l,n,s,c,o,i;return"string"==typeof e&&we(e)?(s=ye(e),o=e):"string"!=typeof e&&(s=e),s&&(r=(e=>{var{h:t,s:a,v:r}=e;return{h:t,s:a,v:r}})(s),n=be(s),i=(e=>{var{r:t,g:a,b:r,a:l}=e,n="number"==typeof l&&(255*l|256).toString(16).slice(1);return""+fe({r:t,g:a,b:r})+(n||"")})(l=Re(s)),o=ke(s),a=(e=>{var{h:t,s:a,l:r}=e;return{h:t,s:a,l:r}})(n),t=(e=>{var{r:t,g:a,b:r}=e;return{r:t,g:a,b:r}})(l),c=(e=>{var{r:t,g:a,b:r}=e,l=function(e){return e<=.04045?e/12.92:Math.pow((e+.055)/1.055,2.4)},n=l(t/255),s=l(a/255),c=l(r/255),o={};return o.x=.4124*n+.3576*s+.1805*c,o.y=.2126*n+.7152*s+.0722*c,o.bri=.0193*n+.1192*s+.9505*c,o})(t)),{rgb:t,hsl:a,hsv:r,rgba:l,hsla:n,hsva:s,hex:o,hexa:i,xy:c}},we=e=>/^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(e);function Ce(e){var a=t.useRef(e);return t.useEffect(()=>{a.current=e}),t.useCallback((e,t)=>a.current&&a.current(e,t),[])}var Se=e=>"touches"in e,Ae=e=>{!Se(e)&&e.preventDefault&&e.preventDefault()},je=function(e,t,a){return void 0===t&&(t=0),void 0===a&&(a=1),e>a?a:e<t?t:e},Me=(e,t)=>{var a=e.getBoundingClientRect(),r=Se(t)?t.touches[0]:t;return{left:je((r.pageX-(a.left+window.pageXOffset))/a.width),top:je((r.pageY-(a.top+window.pageYOffset))/a.height),width:a.width,height:a.height,x:r.pageX-(a.left+window.pageXOffset),y:r.pageY-(a.top+window.pageYOffset)}},Be=["prefixCls","className","onMove","onDown"],Ie=t.forwardRef((e,a)=>{var{prefixCls:l="w-color-interactive",className:n,onMove:s,onDown:c}=e,o=de(e,Be),i=t.useRef(null),u=t.useRef(!1),[m,d]=t.useState(!1),p=Ce(s),h=Ce(c),g=t.useCallback(e=>{(Ae(e),i.current)&&((Se(e)?e.touches.length>0:e.buttons>0)?null==p||p(Me(i.current,e),e):d(!1))},[p]),v=t.useCallback(()=>d(!1),[]),b=t.useCallback(e=>{e?(window.addEventListener(u.current?"touchmove":"mousemove",g),window.addEventListener(u.current?"touchend":"mouseup",v)):(window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",v),window.removeEventListener("touchmove",g),window.removeEventListener("touchend",v))},[g,v]);t.useEffect(()=>(b(m),()=>{b(!1)}),[m,g,v,b]);var f=t.useCallback(e=>{var t=document.activeElement;null==t||t.blur(),Ae(e.nativeEvent),(e=>!(u.current&&!Se(e)||(u.current=Se(e),0)))(e.nativeEvent)&&i.current&&(null==h||h(Me(i.current,e.nativeEvent),e.nativeEvent),d(!0))},[h]);return r.jsx("div",me({},o,{className:[l,n||""].filter(Boolean).join(" "),style:me({},o.style,{touchAction:"none"}),ref:i,tabIndex:0,onMouseDown:f,onTouchStart:f}))});Ie.displayName="Interactive";var ze=e=>{var{className:a,color:l,left:n,top:s,prefixCls:c}=e,o={position:"absolute",top:s,left:n},i={"--saturation-pointer-box-shadow":"rgb(255 255 255) 0px 0px 0px 1.5px, rgb(0 0 0 / 30%) 0px 0px 1px 1px inset, rgb(0 0 0 / 40%) 0px 0px 1px 2px",width:6,height:6,transform:"translate(-3px, -3px)",boxShadow:"var(--saturation-pointer-box-shadow)",borderRadius:"50%",backgroundColor:l};return t.useMemo(()=>r.jsx("div",{className:c+"-pointer "+(a||""),style:o,children:r.jsx("div",{className:c+"-fill",style:i})}),[s,n,l,a,c])},Le=["prefixCls","radius","pointer","className","hue","style","hsva","onChange"],Ve=t.forwardRef((e,a)=>{var l,{prefixCls:n="w-color-saturation",radius:s=0,pointer:c,className:o,hue:i=0,style:u,hsva:m,onChange:d}=e,p=de(e,Le),h=me({width:200,height:200,borderRadius:s},u,{position:"relative"}),g=(e,t)=>{d&&m&&d({h:m.h,s:100*e.left,v:100*(1-e.top),a:m.a})},v=t.useCallback(e=>{if(m&&d){var t=m.s,a=m.v,r=!1;switch(e.key){case"ArrowLeft":t=Math.max(0,m.s-1),r=!0,e.preventDefault();break;case"ArrowRight":t=Math.min(100,m.s+1),r=!0,e.preventDefault();break;case"ArrowUp":a=Math.min(100,m.v+1),r=!0,e.preventDefault();break;case"ArrowDown":a=Math.max(0,m.v-1),r=!0,e.preventDefault();break;default:return}r&&d({h:m.h,s:t,v:a,a:m.a})}},[m,d]),b=t.useMemo(()=>{if(!m)return null;var e={top:100-m.v+"%",left:m.s+"%",color:ve(m)};return c&&"function"==typeof c?c(me({prefixCls:n},e)):r.jsx(ze,me({prefixCls:n},e))},[m,c,n]),f=t.useCallback(e=>{e.target.focus()},[]);return r.jsx(Ie,me({className:[n,o||""].filter(Boolean).join(" ")},p,{style:me({position:"absolute",inset:0,cursor:"crosshair",backgroundImage:"linear-gradient(0deg, #000, transparent), linear-gradient(90deg, #fff, hsl("+(null!=(l=null==m?void 0:m.h)?l:i)+", 100%, 50%))"},h,{outline:"none"}),ref:a,onMove:g,onDown:g,onKeyDown:v,onClick:f,children:b}))});Ve.displayName="Saturation";var Pe=["className","prefixCls","left","top","style","fillProps"],De=e=>{var{className:t,prefixCls:a,left:l,top:n,style:s,fillProps:c}=e,o=de(e,Pe),i=me({},s,{position:"absolute",left:l,top:n}),u=me({width:18,height:18,boxShadow:"var(--alpha-pointer-box-shadow)",borderRadius:"50%",backgroundColor:"var(--alpha-pointer-background-color)"},null==c?void 0:c.style,{transform:l?"translate(-9px, -1px)":"translate(-1px, -9px)"});return r.jsx("div",me({className:a+"-pointer "+(t||""),style:i},o,{children:r.jsx("div",me({className:a+"-fill"},c,{style:u}))}))},Fe=["prefixCls","className","hsva","background","bgProps","innerProps","pointerProps","radius","width","height","direction","style","onChange","pointer"],Te=t.forwardRef((e,a)=>{var{prefixCls:l="w-color-alpha",className:n,hsva:s,background:c,bgProps:o={},innerProps:i={},pointerProps:u={},radius:m=0,width:d,height:p=16,direction:h="horizontal",style:g,onChange:v,pointer:b}=e,f=de(e,Fe),y=e=>{v&&v(me({},s,{a:"horizontal"===h?e.left:e.top}),e)},x=ve(Object.assign({},s,{a:1})),R="linear-gradient(to "+("horizontal"===h?"right":"bottom")+", rgba(244, 67, 54, 0) 0%, "+x+" 100%)",N={};"horizontal"===h?N.left=100*s.a+"%":N.top=100*s.a+"%";var k=me({"--alpha-background-color":"#fff","--alpha-pointer-background-color":"rgb(248, 248, 248)","--alpha-pointer-box-shadow":"rgb(0 0 0 / 37%) 0px 1px 4px 0px",borderRadius:m,background:"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center",backgroundColor:"var(--alpha-background-color)"},{width:d,height:p},g,{position:"relative"}),E=t.useCallback(e=>{var t=.01,a=s.a,r=a;switch(e.key){case"ArrowLeft":"horizontal"===h&&(r=Math.max(0,a-t),e.preventDefault());break;case"ArrowRight":"horizontal"===h&&(r=Math.min(1,a+t),e.preventDefault());break;case"ArrowUp":"vertical"===h&&(r=Math.max(0,a-t),e.preventDefault());break;case"ArrowDown":"vertical"===h&&(r=Math.min(1,a+t),e.preventDefault());break;default:return}if(r!==a){var l={left:"horizontal"===h?r:s.a,top:"vertical"===h?r:s.a,width:0,height:0,x:0,y:0};v&&v(me({},s,{a:r}),l)}},[s,h,v]),w=t.useCallback(e=>{e.target.focus()},[]),C=b&&"function"==typeof b?b(me({prefixCls:l},u,N)):r.jsx(De,me({},u,{prefixCls:l},N));return r.jsxs("div",me({},f,{className:[l,l+"-"+h,n||""].filter(Boolean).join(" "),style:k,ref:a,children:[r.jsx("div",me({},o,{style:me({inset:0,position:"absolute",background:c||R,borderRadius:m},o.style)})),r.jsx(Ie,me({},i,{style:me({},i.style,{inset:0,zIndex:1,position:"absolute",outline:"none"}),onMove:y,onDown:y,onClick:w,onKeyDown:E,children:C}))]}))});Te.displayName="Alpha";var Oe=["prefixCls","placement","label","value","className","style","labelStyle","inputStyle","onChange","onBlur","renderInput"],Ue=t.forwardRef((e,a)=>{var{prefixCls:l="w-color-editable-input",placement:n="bottom",label:s,value:c,className:o,style:i,labelStyle:u,inputStyle:m,onChange:d,onBlur:p,renderInput:h}=e,g=de(e,Oe),[v,b]=t.useState(c),f=t.useRef(!1);t.useEffect(()=>{e.value!==v&&(f.current||b(e.value))},[e.value]);var y={};"bottom"===n&&(y.flexDirection="column"),"top"===n&&(y.flexDirection="column-reverse"),"left"===n&&(y.flexDirection="row-reverse");var x=me({"--editable-input-label-color":"rgb(153, 153, 153)","--editable-input-box-shadow":"rgb(204 204 204) 0px 0px 0px 1px inset","--editable-input-color":"#666",position:"relative",alignItems:"center",display:"flex",fontSize:11},y,i),R=me({width:"100%",paddingTop:2,paddingBottom:2,paddingLeft:3,paddingRight:3,fontSize:11,background:"transparent",boxSizing:"border-box",border:"none",color:"var(--editable-input-color)",boxShadow:"var(--editable-input-box-shadow)"},m),N=me({value:v,onChange:function(e,t){var a=(t||e.target.value).trim().replace(/^#/,"");/^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(a)&&d&&d(e,a);var r=(e=>Number(String(e).replace(/%/g,"")))(a);isNaN(r)||d&&d(e,r),b(a)},onBlur:function(t){f.current=!1,b(e.value),p&&p(t)},autoComplete:"off",onFocus:()=>f.current=!0},g,{style:R,onFocusCapture:e=>{var t=e.target;t.setSelectionRange(t.value.length,t.value.length)}});return r.jsxs("div",{className:[l,o||""].filter(Boolean).join(" "),style:x,children:[h?h(N,a):r.jsx("input",me({ref:a},N)),s&&r.jsx("span",{style:me({color:"var(--editable-input-label-color)",textTransform:"capitalize"},u),children:s})]})});Ue.displayName="EditableInput";var We=["prefixCls","hsva","placement","rProps","gProps","bProps","aProps","className","style","onChange"],He=t.forwardRef((e,t)=>{var{prefixCls:a="w-color-editable-input-rgba",hsva:l,placement:n="bottom",rProps:s={},gProps:c={},bProps:o={},aProps:i={},className:u,style:m,onChange:d}=e,p=de(e,We),h=l?Re(l):{};function g(e){var t=Number(e.target.value);t&&t>255&&(e.target.value="255"),t&&t<0&&(e.target.value="0")}var v=(e,t,a)=>{"number"==typeof e&&("a"===t&&(e<0&&(e=0),e>100&&(e=100),d&&d(Ee(ge(me({},h,{a:e/100}))))),e>255&&(e=255,a.target.value="255"),e<0&&(e=0,a.target.value="0"),"r"===t&&d&&d(Ee(ge(me({},h,{r:e})))),"g"===t&&d&&d(Ee(ge(me({},h,{g:e})))),"b"===t&&d&&d(Ee(ge(me({},h,{b:e})))))},b=h.a?Math.round(100*h.a)/100:0;return r.jsxs("div",me({ref:t,className:[a,u||""].filter(Boolean).join(" ")},p,{style:me({fontSize:11,display:"flex"},m),children:[r.jsx(Ue,me({label:"R",value:h.r||0,onBlur:g,placement:n,onChange:(e,t)=>v(t,"r",e)},s,{style:me({},s.style)})),r.jsx(Ue,me({label:"G",value:h.g||0,onBlur:g,placement:n,onChange:(e,t)=>v(t,"g",e)},c,{style:me({marginLeft:5},s.style)})),r.jsx(Ue,me({label:"B",value:h.b||0,onBlur:g,placement:n,onChange:(e,t)=>v(t,"b",e)},o,{style:me({marginLeft:5},o.style)})),i&&r.jsx(Ue,me({label:"A",value:parseInt(String(100*b),10),onBlur:e=>{var t=Number(e.target.value);t&&t>100&&(e.target.value="100"),t&&t<0&&(e.target.value="0")},placement:n,onChange:(e,t)=>v(t,"a",e)},i,{style:me({marginLeft:5},i.style)}))]}))});He.displayName="EditableInputRGBA";var qe=["prefixCls","className","hue","onChange","direction"],Ye=t.forwardRef((e,t)=>{var{prefixCls:a="w-color-hue",className:l,hue:n=0,onChange:s,direction:c="horizontal"}=e,o=de(e,qe);return r.jsx(Te,me({ref:t,className:a+" "+(l||"")},o,{direction:c,background:"linear-gradient(to "+("horizontal"===c?"right":"bottom")+", rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)",hsva:{h:n,s:100,v:100,a:n/360},onChange:(e,t)=>{s&&s({h:"horizontal"===c?360*t.left:360*t.top})}}))});Ye.displayName="Hue";var Xe=["prefixCls","className","color","colors","style","rectProps","onChange","addonAfter","addonBefore","rectRender"],$e=t.forwardRef((e,a)=>{var{prefixCls:l="w-color-swatch",className:n,color:s,colors:c=[],style:o,rectProps:i={},onChange:u,addonAfter:m,addonBefore:d,rectRender:p}=e,h=de(e,Xe),g=me({"--swatch-background-color":"rgb(144, 19, 254)",background:"var(--swatch-background-color)",height:15,width:15,marginRight:5,marginBottom:5,cursor:"pointer",position:"relative",outline:"none",borderRadius:2},i.style),v=(e,t)=>{u&&u(ye(e),Ee(ye(e)),t)};return r.jsxs("div",me({ref:a},h,{className:[l,n||""].filter(Boolean).join(" "),style:me({display:"flex",flexWrap:"wrap",position:"relative"},o),children:[d&&t.isValidElement(d)&&d,c&&Array.isArray(c)&&c.map((e,a)=>{var l="",n="";"string"==typeof e&&(l=e,n=e),"object"==typeof e&&e.color&&(l=e.title||e.color,n=e.color);var c=s&&s.toLocaleLowerCase()===n.toLocaleLowerCase(),o=p&&p({title:l,color:n,checked:!!c,style:me({},g,{background:n}),onClick:e=>v(n,e)});if(o)return r.jsx(t.Fragment,{children:o},a);var u=i.children&&t.isValidElement(i.children)?t.cloneElement(i.children,{color:n,checked:c}):null;return r.jsx("div",me({tabIndex:0,title:l,onClick:e=>v(n,e)},i,{children:u,style:me({},g,{background:n})}),a)}),m&&t.isValidElement(m)&&m]}))});$e.displayName="Swatch";var Je=["prefixCls","className","onChange","width","presetColors","color","editableDisable","disableAlpha","style"],Ge=["#D0021B","#F5A623","#f8e61b","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"],Ke=e=>r.jsx("div",{style:{boxShadow:"rgb(0 0 0 / 60%) 0px 0px 2px",width:4,top:1,bottom:1,left:e.left,borderRadius:1,position:"absolute",backgroundColor:"#fff"}}),Ze=t.forwardRef((e,a)=>{var{prefixCls:l="w-color-sketch",className:n,onChange:s,width:c=218,presetColors:o=Ge,color:i,editableDisable:u=!0,disableAlpha:m=!1,style:d}=e,p=de(e,Je),[h,g]=t.useState({h:209,s:36,v:90,a:1});t.useEffect(()=>{"string"==typeof i&&we(i)&&g(ye(i)),"object"==typeof i&&g(i)},[i]);var v=e=>{g(e),s&&s(Ee(e))},b=me({"--sketch-background":"rgb(255, 255, 255)","--sketch-box-shadow":"rgb(0 0 0 / 15%) 0px 0px 0px 1px, rgb(0 0 0 / 15%) 0px 8px 16px","--sketch-swatch-box-shadow":"rgb(0 0 0 / 15%) 0px 0px 0px 1px inset","--sketch-alpha-box-shadow":"rgb(0 0 0 / 15%) 0px 0px 0px 1px inset, rgb(0 0 0 / 25%) 0px 0px 4px inset","--sketch-swatch-border-top":"1px solid rgb(238, 238, 238)",background:"var(--sketch-background)",borderRadius:4,boxShadow:"var(--sketch-box-shadow)",width:c},d),f={borderRadius:2,background:Ne(h),boxShadow:"var(--sketch-alpha-box-shadow)"};return r.jsxs("div",me({},p,{className:l+" "+(n||""),ref:a,style:b,children:[r.jsxs("div",{style:{padding:"10px 10px 8px"},children:[r.jsx(Ve,{hsva:h,style:{width:"auto",height:150},onChange:e=>v(me({},h,e,{a:h.a}))}),r.jsxs("div",{style:{display:"flex",marginTop:4},children:[r.jsxs("div",{style:{flex:1},children:[r.jsx(Ye,{width:"auto",height:10,hue:h.h,pointer:Ke,innerProps:{style:{marginLeft:1,marginRight:5}},onChange:e=>v(me({},h,e))}),!m&&r.jsx(Te,{width:"auto",height:10,hsva:h,pointer:Ke,style:{marginTop:4},innerProps:{style:{marginLeft:1,marginRight:5}},onChange:e=>v(me({},h,{a:e.a}))})]}),!m&&r.jsx(Te,{width:24,height:24,hsva:h,radius:2,style:{marginLeft:4},bgProps:{style:{background:"transparent"}},innerProps:{style:f},pointer:()=>r.jsx(t.Fragment,{})})]})]}),u&&r.jsxs("div",{style:{display:"flex",margin:"0 10px 3px 10px"},children:[r.jsx(Ue,{label:"Hex",value:ke(h).replace(/^#/,"").toLocaleUpperCase(),onChange:(e,t)=>{var a;"string"==typeof(a=t)&&we(a)&&/(3|6)/.test(String(a.length))&&v(ye(a))},style:{minWidth:58}}),r.jsx(He,{hsva:h,style:{marginLeft:6},aProps:!m&&{},onChange:e=>v(e.hsva)})]}),o&&o.length>0&&r.jsx($e,{style:{borderTop:"var(--sketch-swatch-border-top)",paddingTop:10,paddingLeft:10},colors:o,color:ke(h),onChange:e=>v(e),rectProps:{style:{marginRight:10,marginBottom:10,borderRadius:3,boxShadow:"var(--sketch-swatch-box-shadow)"}}})]}))});Ze.displayName="Sketch";var Qe="es-trigger-w-aUi",_e="es-colorPreview-SUgiJ",et="es-colorValue-cYdRP",tt="es-popover-SfIUB";const at=e=>{const{value:a,initialValue:r,onChange:n,disableAlpha:s=!1}=e,[c,o]=t.useState(!1);return React.createElement(l,{onClose:()=>o(!1),open:c,trigger:React.createElement("button",{"aria-label":"Select color",className:Qe,onClick:()=>o(!0),type:"button"},React.createElement("div",{"aria-label":"Current color",className:_e,style:{backgroundColor:a??r}}),React.createElement("span",{className:et},a??r))},React.createElement("div",{className:tt},React.createElement(Ze,{color:a,disableAlpha:s,onChange:e=>n(e.hexa),presetColors:[]})))};var rt="es-trigger-fTNvQ",lt="es-triggerIcon-1mdQ0",nt="es-triggerIconPrimary-opifh",st="es-triggerIconMuted-CWgDl",ct="es-triggerText-WeQRu",ot="es-popoverContent-6qE--",it="es-tabsList-liSeY",ut="es-tabTrigger-6j7K-",mt="es-tabTriggerActive-g6hcl",dt="es-tabTriggerIcon-dRSAp",pt="es-tabContent--H166",ht="es-tabContentActive-Fjdu5",gt="es-section-eDYxd",vt="es-sectionLabel--LHE8",bt="es-input--OymK",ft="es-inputMono-pCJz3",yt="es-textarea-iurkc",xt="es-booleanButtons-0bM8P",Rt="es-booleanButton-3fXcB",Nt="es-booleanButtonActive-zGWrZ",kt="es-datasourceList-VIRXb",Et="es-datasourceButton-giz6D",wt="es-datasourceButtonActive-m5WPP",Ct="es-datasourceIcon-q9Omt",St="es-emptyState-rI2si",At="es-hint-zfWLZ",jt="es-preview-tUInw";const Mt={type:"static",staticValue:""},Bt=e=>{const{value:a,initialValue:r,onChange:n,dataType:c="any",showPreview:o=!0,dataSources:i=[]}=e,u=a??r??Mt,[m,d]=t.useState(!1),[p,h]=t.useState(u.type),g=t.useCallback(e=>{n({...u,...e})},[u,n]),v=t.useCallback(e=>{h(e),g({type:e})},[g]),b=t.useCallback(e=>{g({staticValue:e})},[g]),f=t.useCallback(e=>{g({datasourceId:e,datasourcePath:""})},[g]),y=t.useCallback(e=>{g({datasourcePath:e})},[g]),x=t.useMemo(()=>{switch(c){case"number":return React.createElement("input",{className:bt,onChange:e=>b(Number(e.target.value)),placeholder:"输入数值",type:"number",value:u.staticValue??""});case"boolean":return React.createElement("div",{className:xt},React.createElement("button",{className:s(Rt,!0===u.staticValue?Nt:""),onClick:()=>b(!0),type:"button"},"True"),React.createElement("button",{className:s(Rt,!1===u.staticValue?Nt:""),onClick:()=>b(!1),type:"button"},"False"));case"array":case"object":return React.createElement("textarea",{className:yt,onChange:e=>{try{const t=JSON.parse(e.target.value);b(t)}catch{b(e.target.value)}},placeholder:"array"===c?'["item1", "item2"]':'{"key": "value"}',value:"string"==typeof u.staticValue?u.staticValue:JSON.stringify(u.staticValue,null,2)??""});default:return React.createElement("input",{className:bt,onChange:e=>b(e.target.value),placeholder:"输入值",type:"text",value:u.staticValue??""})}},[c,u.staticValue,b]),R=t.useMemo(()=>{if("datasource"===u.type&&u.datasourceId){const e=i.find(e=>e.id===u.datasourceId);return{icon:React.createElement(S,{className:s(lt,nt)}),text:`${e?.name??u.datasourceId}${u.datasourcePath?`.${u.datasourcePath}`:""}`}}return{icon:React.createElement(w,{className:s(lt,st)}),text:"静态数据"}},[u,i]);return React.createElement(l,{onClose:()=>d(!1),open:m,trigger:React.createElement("button",{"aria-label":"Data binding",className:rt,onClick:()=>d(!0),type:"button"},R.icon,React.createElement("span",{className:ct},R.text)),width:300},React.createElement("div",{className:ot},React.createElement("div",{className:it,role:"tablist"},React.createElement("button",{"aria-selected":"static"===p,className:s(ut,"static"===p?mt:""),onClick:()=>v("static"),role:"tab",type:"button"},React.createElement(w,{className:dt}),"静态数据"),React.createElement("button",{"aria-selected":"datasource"===p,className:s(ut,"datasource"===p?mt:""),onClick:()=>v("datasource"),role:"tab",type:"button"},React.createElement(E,{className:dt}),"数据源")),React.createElement("div",{className:s(pt,"static"===p?ht:""),role:"tabpanel"},React.createElement("div",{className:gt},React.createElement("span",{className:vt},"值 (",c,")"),x)),React.createElement("div",{className:s(pt,"datasource"===p?ht:""),role:"tabpanel"},React.createElement("div",{className:gt},React.createElement("span",{className:vt},"数据源"),i.length>0?React.createElement("div",{className:kt},i.map(e=>React.createElement("button",{className:s(Et,u.datasourceId===e.id?wt:""),key:e.id,onClick:()=>f(e.id),type:"button"},React.createElement(E,{className:Ct}),e.name))):React.createElement("div",{className:St},"暂无可用数据源"),u.datasourceId?React.createElement(React.Fragment,null,React.createElement("span",{className:vt},"数据路径"),React.createElement("input",{className:s(bt,ft),onChange:e=>y(e.target.value),placeholder:"data.list[0].name",type:"text",value:u.datasourcePath??""}),React.createElement("span",{className:At},"使用点号访问嵌套属性，如: data.items[0].value")):null,!0===o&&u.datasourceId?React.createElement(React.Fragment,null,React.createElement("span",{className:vt},"数据预览"),React.createElement("div",{className:jt},"绑定后可在预览模式查看数据")):null))))};var It="es-trigger-rmYLl",zt="es-triggerIcon-ktlTS",Lt="es-triggerText-B63By",Vt="es-popoverContent-IIcFY",Pt="es-header-VoKF3",Dt="es-headerTitle-vDZR8",Ft="es-headerCount-stTlN",Tt="es-mappingList-SLqhN",Ot="es-mappingItem-xtRLl",Ut="es-mappingHeader-LwKiY",Wt="es-mappingTitle-IMhzw",Ht="es-mappingRequired-tP6L-",qt="es-mappingType-nyqrh",Yt="es-mappingRow-lFfhT",Xt="es-select-R4pIl",$t="es-input--LohJ",Jt="es-arrowIcon-QqWMM",Gt="es-targetField-gSvGk",Kt="es-transformRow-O6MAG",Zt="es-transformIcon-beXzy",Qt="es-transformInput-SyN2q",_t="es-clearButton-Pm-uP",ea="es-helpText-IHqjo";const ta={mappings:[]},aa=e=>{const{value:a,initialValue:r,onChange:n,targetFields:s,sourceFields:c=[]}=e,o=a??r??ta,[i,u]=t.useState(!1),m=t.useCallback(e=>o.mappings.find(t=>t.targetField===e),[o.mappings]),d=t.useCallback((e,t)=>{const a=o.mappings.findIndex(t=>t.targetField===e),r=[...o.mappings];a>=0?r[a]={...r[a],...t}:r.push({targetField:e,sourceField:t.sourceField??"",transform:t.transform}),n({mappings:r})},[o.mappings,n]),p=t.useCallback(e=>{const t=o.mappings.filter(t=>t.targetField!==e);n({mappings:t})},[o.mappings,n]),h=o.mappings.filter(e=>e.sourceField).length;return React.createElement(l,{onClose:()=>u(!1),open:i,trigger:React.createElement("button",{"aria-label":"Data mapping",className:It,onClick:()=>u(!0),type:"button"},React.createElement(B,{className:zt}),React.createElement("span",{className:Lt},"字段映射 (",h,"/",s.length,")")),width:320},React.createElement("div",{className:Vt},React.createElement("div",{className:Pt},React.createElement("span",{className:Dt},"字段映射配置"),React.createElement("span",{className:Ft},h,"/",s.length," 已映射")),React.createElement("div",{className:Tt},s.map(e=>{const t=m(e.name);return React.createElement("div",{className:Ot,key:e.name},React.createElement("div",{className:Ut},React.createElement("span",{className:Wt},e.label,e.required?React.createElement("span",{className:Ht},"*"):null),React.createElement("span",{className:qt},e.type)),React.createElement("div",{className:Yt},c.length>0?React.createElement("select",{className:Xt,onChange:t=>d(e.name,{sourceField:t.target.value}),value:t?.sourceField??""},React.createElement("option",{value:""},"选择字段"),c.map(e=>React.createElement("option",{key:e,value:e},e))):React.createElement("input",{className:$t,onChange:t=>d(e.name,{sourceField:t.target.value}),placeholder:"源字段路径",type:"text",value:t?.sourceField??""}),React.createElement(y,{className:Jt}),React.createElement("div",{className:Gt},e.name)),t?.sourceField?React.createElement("div",{className:Kt},React.createElement(k,{className:Zt}),React.createElement("input",{className:Qt,onChange:t=>d(e.name,{transform:t.target.value}),placeholder:"转换表达式 (可选)",type:"text",value:t?.transform??""})):null,t?.sourceField?React.createElement("button",{className:_t,onClick:()=>p(e.name),type:"button"},"清除映射"):null)})),React.createElement("div",{className:ea},React.createElement("p",null,"• 源字段: 数据源中的字段路径"),React.createElement("p",null,"• 转换表达式: 如 value * 100, value.toFixed(2)"))))};var ra="es-container-CUmyq",la="es-textarea-hn1hD",na="es-textareaError-O2GWs",sa="es-error-wjKcS";const ca=e=>{const{value:a,initialValue:r,placeholder:l,rows:n=6,onChange:c}=e,[o,i]=t.useState(""),[u,m]=t.useState(null);t.useEffect(()=>{const e=a??r;if(void 0!==e)try{i(JSON.stringify(e,null,2)),m(null)}catch{i(String(e))}else i("")},[a,r]);const d=t.useCallback(e=>{if(i(e),!e.trim())return m(null),void c(void 0);try{const t=JSON.parse(e);m(null),c(t)}catch(e){m(e.message)}},[c]),p=1.5*n*14;return React.createElement("div",{className:ra},React.createElement("textarea",{className:s(la,u?na:null),onChange:e=>d(e.target.value),placeholder:l||"输入 JSON 数据",spellCheck:!1,style:{minHeight:p},value:o}),u?React.createElement("div",{className:sa},u):null)};var oa="es-container-som8X",ia="es-id-VnRzV",ua="es-title-B-JkN";const ma=e=>{const{selected:t}=e;return React.createElement("div",{className:oa},React.createElement("p",{className:ia},t.id),React.createElement("p",{className:ua},t.componentMeta.title))};var da="es-container-d6iPo",pa="es-input-hzqco",ha="es-inputWithSuffix-dzHIR",ga="es-suffix--jLoo";const va=e=>{const{value:t,initialValue:a,placeholder:r,onChange:l,suffix:n}=e;return React.createElement("div",{className:da},React.createElement("input",{className:s(pa,n?ha:""),onChange:e=>l(+e.target.value),placeholder:r||"",type:"number",value:t??a??""}),n?React.createElement("span",{"aria-label":`Unit: ${n}`,className:ga},n):null)};var ba="es-container-RzrEe",fa="es-field-AaNu3",ya="es-label-zWfmB",xa="es-input-fv7wH",Ra="es-customField-hV2yY",Na="es-customFieldInputs-efA5X",ka="es-keyInput-MXoPV",Ea="es-removeButton-s7K9l",wa="es-removeIcon-Ostpz",Ca="es-addButton-Wgly5",Sa="es-addIcon-61nc3";const Aa=e=>{const{value:a,initialValue:r,fields:l=[],allowCustomFields:n=!1,addFieldText:s="添加字段",onChange:c}=e,o=a??r??{},i=t.useCallback((e,t)=>{c({...o,[e]:t})},[o,c]),u=t.useCallback(()=>{const e=`field_${Date.now()}`;c({...o,[e]:""})},[o,c]),m=t.useCallback(e=>{const t={...o};delete t[e],c(t)},[o,c]),d=l.map(e=>e.key),p=Object.keys(o).filter(e=>!d.includes(e));return React.createElement("div",{className:ba},l.map(e=>React.createElement("div",{className:fa,key:e.key},React.createElement("span",{className:ya},e.label),React.createElement("input",{className:xa,onChange:t=>{const a="number"===e.type?+t.target.value:t.target.value;i(e.key,a)},placeholder:e.placeholder,type:"number"===e.type?"number":"text",value:o[e.key]??""}))),p.map(e=>React.createElement("div",{className:Ra,key:e},React.createElement("div",{className:Na},React.createElement("input",{className:ka,onChange:t=>{const a=t.target.value;if(a&&a!==e){const t={...o};t[a]=t[e],delete t[e],c(t)}},placeholder:"字段名",type:"text",value:e}),React.createElement("input",{className:xa,onChange:t=>i(e,t.target.value),placeholder:"值",type:"text",value:o[e]??""})),React.createElement("button",{className:Ea,onClick:()=>m(e),type:"button"},React.createElement(I,{className:wa})))),n?React.createElement("button",{className:Ca,onClick:u,type:"button"},React.createElement(M,{className:Sa}),s):null)};var ja="es-container-YWSlG",Ma="es-inputWrapper-B2wKI",Ba="es-input--qUrU",Ia="es-suffix-2c3Cd";const za=e=>{const{value:t,onChange:a}=e,r=(e,r)=>{a({...t,[e]:r})};return React.createElement("div",{className:ja},React.createElement("div",{className:Ma},React.createElement("input",{className:Ba,onChange:e=>r("x",Number(e.target.value)),type:"number",value:Va(t.x)}),React.createElement("span",{"aria-label":"Unit: X",className:Ia},"X")),React.createElement("div",{className:Ma},React.createElement("input",{className:Ba,onChange:e=>r("y",Number(e.target.value)),type:"number",value:Va(t.y)}),React.createElement("span",{"aria-label":"Unit: Y",className:Ia},"Y")),React.createElement("div",{className:Ma},React.createElement("input",{className:Ba,onChange:e=>r("width",Number(e.target.value)),type:"number",value:Va(t.width)}),React.createElement("span",{"aria-label":"Unit: W",className:Ia},"W")),React.createElement("div",{className:Ma},React.createElement("input",{className:Ba,onChange:e=>r("height",Number(e.target.value)),type:"number",value:Va(t.height)}),React.createElement("span",{"aria-label":"Unit: H",className:Ia},"H")))},La=/(\.\d{2})\d+$/,Va=e=>e.toString().replace(La,"$1");var Pa="es-container-lamwH",Da="es-containerSm-mndNj",Fa="es-segment-JmKWl",Ta="es-segmentSelected-fumXM",Oa="es-segmentDisabled-Md5LF";const Ua=e=>{const{value:t,initialValue:a,options:r=[],onChange:l,size:n="md"}=e,c=t??a??r[0]?.value??"";return React.createElement("div",{className:s(Pa,"sm"===n?Da:"")},r.map(e=>React.createElement("button",{className:s(Fa,c===e.value?Ta:"",!0===e.disabled?Oa:""),disabled:e.disabled,key:e.value,onClick:()=>!e.disabled&&l(e.value),type:"button"},e.label)))};var Wa="es-trigger-YRz9p",Ha="es-triggerValue-k-g2-",qa="es-placeholder-F8-XP",Ya="es-chevron-UbZv-",Xa="es-chevronOpen-Yui-r",$a="es-dropdown-l2sra",Ja="es-option-cv-7C",Ga="es-optionSelected-K4e5h",Ka="es-optionDisabled-72jrC";const Za=e=>{const{value:a,initialValue:r,options:n=[],placeholder:c,onChange:o}=e,[i,u]=t.useState(!1),m=a??r??"",d=n.find(e=>e.value===m);return React.createElement(l,{onClose:()=>u(!1),open:i,trigger:React.createElement("button",{"aria-expanded":i,"aria-haspopup":"listbox",className:Wa,onClick:()=>u(!0),type:"button"},React.createElement("span",{className:s(Ha,d?"":qa)},d?.label||c||"请选择"),React.createElement(R,{className:s(Ya,i?Xa:"")}))},React.createElement("div",{className:$a,role:"listbox"},n.map(e=>React.createElement("button",{"aria-selected":e.value===m,className:s(Ja,e.value===m?Ga:"",!0===e.disabled?Ka:""),key:e.value,onClick:()=>{return t=e.value,void(e.disabled||(o(t),u(!1)));var t},role:"option",type:"button"},e.label))))};var Qa="es-container-PG1Uy",_a="es-slider-pypb6",er="es-track-X2NtH",tr="es-range-AVV8x",ar="es-thumb-YMQR-",rr="es-value-JiWPV";const lr=e=>{const{value:a,initialValue:r,min:l=0,max:n=100,step:s=1,showValue:c=!0,suffix:o,onChange:i}=e,u=a??r??l,m=t.useRef(null),d=(u-l)/(n-l)*100,p=t.useCallback(e=>{if(!m.current)return;const t=m.current.getBoundingClientRect(),a=Math.max(0,Math.min(1,(e-t.left)/t.width)),r=l+a*(n-l),c=Math.round(r/s)*s,o=Math.max(l,Math.min(n,c));i(o)},[l,n,s,i]);return React.createElement("div",{className:Qa},React.createElement("div",{className:_a},React.createElement("div",{className:er,onMouseDown:e=>{p(e.clientX);const t=e=>{p(e.clientX)},a=()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",a)};document.addEventListener("mousemove",t),document.addEventListener("mouseup",a)},ref:m,role:"presentation"},React.createElement("div",{className:tr,style:{width:`${d}%`}}),React.createElement("div",{"aria-valuemax":n,"aria-valuemin":l,"aria-valuenow":u,className:ar,role:"slider",style:{left:`${d}%`},tabIndex:0}))),!0===c?React.createElement("span",{className:rr},u,o):null)};var nr="es-container-XqQza",sr="es-boxModel-8RFjI",cr="es-inputTop-bqsmI",or="es-inputRight-TV3E-",ir="es-inputBottom-dP-wA",ur="es-inputLeft-sygc3",mr="es-spacingInput-KAWdK",dr="es-linkButton-v1n0k",pr="es-linkButtonActive-Vge1n",hr="es-linkIcon-K0j9e",gr="es-presets-CPVVc",vr="es-presetButton-vUc7S",br="es-modeLabel-Vh1Cf";const fr={top:0,right:0,bottom:0,left:0},yr=[0,4,8,12,16,24,32],xr=e=>{const{value:a,initialValue:r,onChange:l,mode:n="padding",linked:c=!1,min:o=0,max:i=100}=e,u=a??r??fr,[m,d]=t.useState(c),p=t.useCallback(e=>{if(m){const t=Object.values(e)[0];l({top:t,right:t,bottom:t,left:t})}else l({...u,...e})},[u,m,l]),h=t.useCallback(e=>{l({top:e,right:e,bottom:e,left:e})},[l]),g=t.useCallback(()=>{d(e=>!e)},[]);return React.createElement("div",{className:nr},React.createElement("div",{className:sr},React.createElement("div",{className:cr},React.createElement("input",{className:mr,max:i,min:o,onChange:e=>p({top:Number(e.target.value)}),type:"number",value:u.top})),React.createElement("div",{className:or},React.createElement("input",{className:mr,max:i,min:o,onChange:e=>p({right:Number(e.target.value)}),type:"number",value:u.right})),React.createElement("div",{className:ir},React.createElement("input",{className:mr,max:i,min:o,onChange:e=>p({bottom:Number(e.target.value)}),type:"number",value:u.bottom})),React.createElement("div",{className:ur},React.createElement("input",{className:mr,max:i,min:o,onChange:e=>p({left:Number(e.target.value)}),type:"number",value:u.left})),React.createElement("button",{"aria-label":m?"Unlink values":"Link values",className:s(dr,m?pr:""),onClick:g,type:"button"},m?React.createElement(A,{className:hr}):React.createElement(z,{className:hr}))),React.createElement("div",{className:gr},yr.map(e=>React.createElement("button",{className:vr,key:e,onClick:()=>h(e),type:"button"},e))),React.createElement("div",{className:br},"padding"===n?"内边距":"外边距"," (px)"))};var Rr="es-container-weN0F",Nr="es-input-C8N67",kr="es-inputWithSuffix-tdJcI",Er="es-suffix-HGRiQ";const wr=e=>{const{value:t,initialValue:a,placeholder:r,onChange:l,suffix:n}=e;return React.createElement("div",{className:Rr},React.createElement("input",{className:s(Nr,n?kr:""),onChange:e=>l(e.target.value),placeholder:r||"",type:"text",value:t||a||""}),n?React.createElement("span",{"aria-label":`Unit: ${n}`,className:Er},n):null)};var Cr="es-switch-2DV6T",Sr="es-switchChecked-eI65V",Ar="es-switchThumb-GDlBx",jr="es-switchThumbChecked-uA5kV",Mr="es-checkboxWrapper-l-KtW",Br="es-checkboxInput-4Z9KK",Ir="es-checkbox-G1P36",zr="es-checkboxChecked-7XJoC",Lr="es-checkIcon-3KIBH",Vr="es-segmented-IaxAM",Pr="es-segmentedButton-mbZ5z",Dr="es-segmentedButtonSelected-u4m2T";const Fr=e=>{const{value:t,initialValue:a,onChange:r,mode:l="switch",trueLabel:n="是",falseLabel:c="否"}=e,o=t??a??!1;return"segmented"===l?React.createElement("div",{className:Vr},React.createElement("button",{className:s(Pr,!1===o?Dr:""),onClick:()=>r(!1),type:"button"},c),React.createElement("button",{className:s(Pr,!0===o?Dr:""),onClick:()=>r(!0),type:"button"},n)):"checkbox"===l?React.createElement("label",{className:Mr},React.createElement("input",{checked:o,className:Br,onChange:e=>r(e.target.checked),type:"checkbox"}),React.createElement("span",{className:s(Ir,o?zr:"")},o?React.createElement(x,{className:Lr}):null)):React.createElement("button",{"aria-checked":o,className:s(Cr,o?Sr:""),onClick:()=>r(!o),role:"switch",type:"button"},React.createElement("span",{className:s(Ar,o?jr:"")}))};var Tr="es-container-ftwPX",Or="es-textarea-sJPy9",Ur="es-counter-02NEu";const Wr=e=>{const{value:t,initialValue:a,placeholder:r,rows:l=3,maxLength:n,onChange:s}=e;return React.createElement("div",{className:Tr},React.createElement("textarea",{className:Or,maxLength:n,onChange:e=>s(e.target.value),placeholder:r||"",rows:l,value:t??a??""}),n?React.createElement("div",{className:Ur},(t??a??"").length,"/",n):null)};var Hr="es-container-EDh0-",qr="es-row-MOm-T",Yr="es-label-1o-jT",Xr="es-hiddenInput-03Dx-",$r="es-uploadArea-1HYbh",Jr="es-uploadIcon-Ck7gF",Gr="es-clearButton-N-9cs",Kr="es-clearIcon-LHlF6",Zr="es-fileInfo-71Jtf",Qr="es-fileName-B2hHy",_r="es-fileSize-pINcz",el="es-error-A8MID";const tl=e=>{const{value:a,onChange:r,accept:l=".jpg,.jpeg,.png,.gif",maxSize:n=10485760}=e,[s,c]=t.useState(""),o=t.useRef(null);return React.createElement("div",{className:Hr},React.createElement("div",{className:qr},React.createElement("label",{className:Yr},React.createElement("input",{accept:l,className:Xr,onChange:async e=>{const t=e.target.files?.[0];if(c(""),!t)return void r(null);const a=`.${t.name.split(".").pop()?.toLowerCase()}`;if(!l.includes(a))return c(`仅支持 ${l} 格式文件`),void r(null);if(t.size>n)return c(`文件大小不能超过 ${n/1024/1024}MB`),void r(null);try{const[e,a]=await Promise.all([new Promise((e,a)=>{const r=new FileReader;r.onload=()=>e(r.result),r.onerror=e=>a(e),r.readAsDataURL(t)}),new Promise((e,a)=>{const r=new Image;r.onload=()=>e({width:r.naturalWidth,height:r.naturalHeight}),r.onerror=a,r.src=URL.createObjectURL(t)})]);r({raw:{name:t.name,size:t.size,type:t.type,width:a.width,height:a.height},base64:e})}catch(e){c("文件读取失败，请重试"),r(null)}},ref:o,type:"file"}),React.createElement("div",{className:$r},React.createElement(L,{className:Jr}),React.createElement("span",null,a?"更换文件":"点击上传"))),a?React.createElement("button",{"aria-label":"清除文件",className:Gr,onClick:()=>{r(null),o.current&&(o.current.value="")},type:"button"},React.createElement(V,{className:Kr})):null),a?React.createElement("div",{className:Zr},React.createElement("span",{className:Qr},a.raw?.name),React.createElement("span",{className:_r},(a.raw?.size/1024).toFixed(1),"KB")):null,s?React.createElement("p",{className:el,role:"alert"},s):null)};var al="es-container-gjha7",rl="es-header-iE--w",ll="es-title-qTdCp",nl="es-toggleButton-g6dI2",sl="es-toggleIcon-cjnM4",cl="es-content-GYYgk",ol="es-contentHidden-WAYSW",il="es-srOnly-EI1Tc";const ul=e=>{const{field:a,children:r,initialValue:l,icon:n=!0}=e,[c,o]=t.useState(l??!0);return React.createElement("div",{className:al},React.createElement("div",{className:rl},React.createElement("h4",{className:ll},a.title),n?React.createElement("button",{"aria-expanded":c,className:nl,onClick:()=>o(!c),type:"button"},React.createElement(N,{className:sl}),React.createElement("span",{className:il},"Toggle")):null),React.createElement("div",{className:s(cl,!1===c?ol:"")},r))};var ml="es-container-4LWRO",dl="es-tabsList-L72im",pl="es-tabTrigger-u3S3S",hl="es-tabTriggerActive-xCpU6",gl="es-tabContent-Pj2Us",vl="es-tabContentActive-NJtXh";const bl=e=>{const{tabs:a,initialValue:r,children:l}=e,n=t.useMemo(()=>{if(a)return a;if(Array.isArray(l)&&l.length>0)return l.map(e=>({label:e.props.field.config.title,value:e.props.field.config.key}));throw new Error("TabSetter: children or tabs must be an array")},[a,l]),c=t.useMemo(()=>n[0]?.value,[n]),[o,i]=t.useState(r??c);return t.createElement("div",{className:ml},t.createElement("div",{className:dl,role:"tablist",style:{gridTemplateColumns:`repeat(${n.length}, minmax(0, 1fr))`}},n.map(e=>t.createElement("button",{"aria-selected":o===e.value,className:s(pl,o===e.value?hl:""),key:e.value,onClick:()=>i(e.value),role:"tab",type:"button"},e.label))),Array.isArray(l)?l.map(e=>t.createElement("div",{className:s(gl,o===e.props.field.config.key?vl:""),key:e.props.field.config.key,role:"tabpanel"},e)):null)},fl={ColorSetter:at,NodeIdSetter:ma,NumberSetter:va,RectSetter:za,StringSetter:wr,SwitchSetter:Fr,UploadSetter:tl,SegmentedSetter:Ua,CollapseSetter:ul,TabSetter:bl,SpacingSetter:xr,AlignSetter:te,DataBindingSetter:Bt,DataMappingSetter:aa,SelectSetter:Za,SliderSetter:lr,TextAreaSetter:Wr,ArraySetter:ue,JsonSetter:ca,ObjectSetter:Aa};e.AlignSetter=te,e.ArraySetter=ue,e.CollapseSetter=ul,e.ColorSetter=at,e.DataBindingSetter=Bt,e.DataMappingSetter=aa,e.JsonSetter=ca,e.NodeIdSetter=ma,e.NumberSetter=va,e.ObjectSetter=Aa,e.Popover=l,e.RectSetter=za,e.SegmentedSetter=Ua,e.SelectSetter=Za,e.SliderSetter=lr,e.SpacingSetter=xr,e.StringSetter=wr,e.SwitchSetter=Fr,e.TabSetter=bl,e.TextAreaSetter=Wr,e.UploadSetter=tl,e.default=fl,e.setterMap=fl,Object.defineProperty(e,"__esModule",{value:!0})});
|
|
27
|
-
//# sourceMappingURL=index.min.js.map
|
|
26
|
+
*/var y="styles-module-container-KSlB-",x="styles-module-item-xDCpZ",w="styles-module-dragHandle-lOaFv",C="styles-module-input-ItzPT",N="styles-module-removeButton-ymAlo",E="styles-module-removeIcon-ld51f",R="styles-module-addButton-U1VQX",k="styles-module-addIcon-6qJub";const S=e=>{const{value:a,initialValue:l,itemSetter:r="string",maxItems:n,minItems:s=0,placeholder:o,addButtonText:c="添加项",onChange:i}=e,u=a??l??[],d=t.useCallback(()=>{if(n&&u.length>=n)return;const e="number"===r?0:"";i([...u,e])},[u,n,r,i]),m=t.useCallback(e=>{if(u.length<=s)return;const t=u.filter((t,a)=>a!==e);i(t)},[u,s,i]),p=t.useCallback((e,t)=>{const a=[...u];a[e]=t,i(a)},[u,i]),f=!n||u.length<n,b=u.length>s;return React.createElement("div",{className:y},u.map((e,t)=>React.createElement("div",{className:x,key:t},React.createElement(h,{className:w}),React.createElement("input",{className:C,onChange:e=>{const a="number"===r?+e.target.value:e.target.value;p(t,a)},placeholder:o,type:"number"===r?"number":"text",value:e}),React.createElement("button",{className:N,disabled:!b,onClick:()=>m(t),type:"button"},React.createElement(g,{className:E})))),React.createElement("button",{className:R,disabled:!f,onClick:d,type:"button"},React.createElement(v,{className:k}),c))};function A(){return A=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},A.apply(null,arguments)}function j(e,t){if(null==e)return{};var a={};for(var l in e)if({}.hasOwnProperty.call(e,l)){if(-1!==t.indexOf(l))continue;a[l]=e[l]}return a}var B=255,M=100,L=e=>{var{r:t,g:a,b:l,a:r}=e,n=Math.max(t,a,l),s=n-Math.min(t,a,l),o=s?n===t?(a-l)/s:n===a?2+(l-t)/s:4+(t-a)/s:0;return{h:60*(o<0?o+6:o),s:n?s/n*M:0,v:n/B*M,a:r}},z=e=>{var{h:t,s:a,l:l,a:r}=D(e);return"hsla("+t+", "+a+"%, "+l+"%, "+r+")"},D=e=>{var{h:t,s:a,v:l,a:r}=e,n=(200-a)*l/M;return{h:t,s:n>0&&n<200?a*l/M/(n<=M?n:200-n)*M:0,l:n/2,a:r}},P=e=>{var t,{r:a,g:l,b:r}=e;return"#"+(t=(a<<16|l<<8|r).toString(16),new Array(7-t.length).join("0")+t)},I=e=>L(T(e)),T=e=>{var t=e.replace("#","");/^#?/.test(e)&&3===t.length&&(e="#"+t.charAt(0)+t.charAt(0)+t.charAt(1)+t.charAt(1)+t.charAt(2)+t.charAt(2));var a=new RegExp("[A-Za-z0-9]{2}","g"),[l,r,n=0,s]=e.match(a).map(e=>parseInt(e,16));return{r:l,g:r,b:n,a:(null!=s?s:255)/B}},V=e=>{var{h:t,s:a,v:l,a:r}=e,n=t/60,s=a/M,o=l/M,c=Math.floor(n)%6,i=n-Math.floor(n),u=B*o*(1-s),d=B*o*(1-s*i),m=B*o*(1-s*(1-i));o*=B;var p={};switch(c){case 0:p.r=o,p.g=m,p.b=u;break;case 1:p.r=d,p.g=o,p.b=u;break;case 2:p.r=u,p.g=o,p.b=m;break;case 3:p.r=u,p.g=d,p.b=o;break;case 4:p.r=m,p.g=u,p.b=o;break;case 5:p.r=o,p.g=u,p.b=d}return p.r=Math.round(p.r),p.g=Math.round(p.g),p.b=Math.round(p.b),A({},p,{a:r})},U=e=>{var{r:t,g:a,b:l,a:r}=V(e);return"rgba("+t+", "+a+", "+l+", "+r+")"},O=e=>P(V(e)),F=e=>{var t,a,l,r,n,s,o,c,i;return"string"==typeof e&&W(e)?(s=I(e),c=e):"string"!=typeof e&&(s=e),s&&(l=(e=>{var{h:t,s:a,v:l}=e;return{h:t,s:a,v:l}})(s),n=D(s),i=(e=>{var{r:t,g:a,b:l,a:r}=e,n="number"==typeof r&&(255*r|256).toString(16).slice(1);return""+P({r:t,g:a,b:l})+(n||"")})(r=V(s)),c=O(s),a=(e=>{var{h:t,s:a,l:l}=e;return{h:t,s:a,l:l}})(n),t=(e=>{var{r:t,g:a,b:l}=e;return{r:t,g:a,b:l}})(r),o=(e=>{var{r:t,g:a,b:l}=e,r=function(e){return e<=.04045?e/12.92:Math.pow((e+.055)/1.055,2.4)},n=r(t/255),s=r(a/255),o=r(l/255),c={};return c.x=.4124*n+.3576*s+.1805*o,c.y=.2126*n+.7152*s+.0722*o,c.bri=.0193*n+.1192*s+.9505*o,c})(t)),{rgb:t,hsl:a,hsv:l,rgba:r,hsla:n,hsva:s,hex:c,hexa:i,xy:o}},W=e=>/^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(e);function $(e){var a=t.useRef(e);return t.useEffect(()=>{a.current=e}),t.useCallback((e,t)=>a.current&&a.current(e,t),[])}var Y=e=>"touches"in e,X=e=>{!Y(e)&&e.preventDefault&&e.preventDefault()},H=function(e,t,a){return void 0===t&&(t=0),void 0===a&&(a=1),e>a?a:e<t?t:e},J=(e,t)=>{var a=e.getBoundingClientRect(),l=Y(t)?t.touches[0]:t;return{left:H((l.pageX-(a.left+window.pageXOffset))/a.width),top:H((l.pageY-(a.top+window.pageYOffset))/a.height),width:a.width,height:a.height,x:l.pageX-(a.left+window.pageXOffset),y:l.pageY-(a.top+window.pageYOffset)}},K=["prefixCls","className","onMove","onDown"],q=t.forwardRef((e,a)=>{var{prefixCls:r="w-color-interactive",className:n,onMove:s,onDown:o}=e,c=j(e,K),i=t.useRef(null),u=t.useRef(!1),[d,m]=t.useState(!1),p=$(s),h=$(o),v=t.useCallback(e=>{(X(e),i.current)&&((Y(e)?e.touches.length>0:e.buttons>0)?null==p||p(J(i.current,e),e):m(!1))},[p]),g=t.useCallback(()=>m(!1),[]),f=t.useCallback(e=>{e?(window.addEventListener(u.current?"touchmove":"mousemove",v),window.addEventListener(u.current?"touchend":"mouseup",g)):(window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",g),window.removeEventListener("touchmove",v),window.removeEventListener("touchend",g))},[v,g]);t.useEffect(()=>(f(d),()=>{f(!1)}),[d,v,g,f]);var b=t.useCallback(e=>{var t=document.activeElement;null==t||t.blur(),X(e.nativeEvent),(e=>!(u.current&&!Y(e)||(u.current=Y(e),0)))(e.nativeEvent)&&i.current&&(null==h||h(J(i.current,e.nativeEvent),e.nativeEvent),m(!0))},[h]);return l.jsx("div",A({},c,{className:[r,n||""].filter(Boolean).join(" "),style:A({},c.style,{touchAction:"none"}),ref:i,tabIndex:0,onMouseDown:b,onTouchStart:b}))});q.displayName="Interactive";var G=e=>{var{className:a,color:r,left:n,top:s,prefixCls:o}=e,c={position:"absolute",top:s,left:n},i={"--saturation-pointer-box-shadow":"rgb(255 255 255) 0px 0px 0px 1.5px, rgb(0 0 0 / 30%) 0px 0px 1px 1px inset, rgb(0 0 0 / 40%) 0px 0px 1px 2px",width:6,height:6,transform:"translate(-3px, -3px)",boxShadow:"var(--saturation-pointer-box-shadow)",borderRadius:"50%",backgroundColor:r};return t.useMemo(()=>l.jsx("div",{className:o+"-pointer "+(a||""),style:c,children:l.jsx("div",{className:o+"-fill",style:i})}),[s,n,r,a,o])},Q=["prefixCls","radius","pointer","className","hue","style","hsva","onChange"],Z=t.forwardRef((e,a)=>{var r,{prefixCls:n="w-color-saturation",radius:s=0,pointer:o,className:c,hue:i=0,style:u,hsva:d,onChange:m}=e,p=j(e,Q),h=A({width:200,height:200,borderRadius:s},u,{position:"relative"}),v=(e,t)=>{m&&d&&m({h:d.h,s:100*e.left,v:100*(1-e.top),a:d.a})},g=t.useCallback(e=>{if(d&&m){var t=d.s,a=d.v,l=!1;switch(e.key){case"ArrowLeft":t=Math.max(0,d.s-1),l=!0,e.preventDefault();break;case"ArrowRight":t=Math.min(100,d.s+1),l=!0,e.preventDefault();break;case"ArrowUp":a=Math.min(100,d.v+1),l=!0,e.preventDefault();break;case"ArrowDown":a=Math.max(0,d.v-1),l=!0,e.preventDefault();break;default:return}l&&m({h:d.h,s:t,v:a,a:d.a})}},[d,m]),f=t.useMemo(()=>{if(!d)return null;var e={top:100-d.v+"%",left:d.s+"%",color:z(d)};return o&&"function"==typeof o?o(A({prefixCls:n},e)):l.jsx(G,A({prefixCls:n},e))},[d,o,n]),b=t.useCallback(e=>{e.target.focus()},[]);return l.jsx(q,A({className:[n,c||""].filter(Boolean).join(" ")},p,{style:A({position:"absolute",inset:0,cursor:"crosshair",backgroundImage:"linear-gradient(0deg, #000, transparent), linear-gradient(90deg, #fff, hsl("+(null!=(r=null==d?void 0:d.h)?r:i)+", 100%, 50%))"},h,{outline:"none"}),ref:a,onMove:v,onDown:v,onKeyDown:g,onClick:b,children:f}))});Z.displayName="Saturation";var _=["className","prefixCls","left","top","style","fillProps"],ee=e=>{var{className:t,prefixCls:a,left:r,top:n,style:s,fillProps:o}=e,c=j(e,_),i=A({},s,{position:"absolute",left:r,top:n}),u=A({width:18,height:18,boxShadow:"var(--alpha-pointer-box-shadow)",borderRadius:"50%",backgroundColor:"var(--alpha-pointer-background-color)"},null==o?void 0:o.style,{transform:r?"translate(-9px, -1px)":"translate(-1px, -9px)"});return l.jsx("div",A({className:a+"-pointer "+(t||""),style:i},c,{children:l.jsx("div",A({className:a+"-fill"},o,{style:u}))}))},te=["prefixCls","className","hsva","background","bgProps","innerProps","pointerProps","radius","width","height","direction","style","onChange","pointer"],ae=t.forwardRef((e,a)=>{var{prefixCls:r="w-color-alpha",className:n,hsva:s,background:o,bgProps:c={},innerProps:i={},pointerProps:u={},radius:d=0,width:m,height:p=16,direction:h="horizontal",style:v,onChange:g,pointer:f}=e,b=j(e,te),y=e=>{g&&g(A({},s,{a:"horizontal"===h?e.left:e.top}),e)},x=z(Object.assign({},s,{a:1})),w="linear-gradient(to "+("horizontal"===h?"right":"bottom")+", rgba(244, 67, 54, 0) 0%, "+x+" 100%)",C={};"horizontal"===h?C.left=100*s.a+"%":C.top=100*s.a+"%";var N=A({"--alpha-background-color":"#fff","--alpha-pointer-background-color":"rgb(248, 248, 248)","--alpha-pointer-box-shadow":"rgb(0 0 0 / 37%) 0px 1px 4px 0px",borderRadius:d,background:"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center",backgroundColor:"var(--alpha-background-color)"},{width:m,height:p},v,{position:"relative"}),E=t.useCallback(e=>{var t=.01,a=s.a,l=a;switch(e.key){case"ArrowLeft":"horizontal"===h&&(l=Math.max(0,a-t),e.preventDefault());break;case"ArrowRight":"horizontal"===h&&(l=Math.min(1,a+t),e.preventDefault());break;case"ArrowUp":"vertical"===h&&(l=Math.max(0,a-t),e.preventDefault());break;case"ArrowDown":"vertical"===h&&(l=Math.min(1,a+t),e.preventDefault());break;default:return}if(l!==a){var r={left:"horizontal"===h?l:s.a,top:"vertical"===h?l:s.a,width:0,height:0,x:0,y:0};g&&g(A({},s,{a:l}),r)}},[s,h,g]),R=t.useCallback(e=>{e.target.focus()},[]),k=f&&"function"==typeof f?f(A({prefixCls:r},u,C)):l.jsx(ee,A({},u,{prefixCls:r},C));return l.jsxs("div",A({},b,{className:[r,r+"-"+h,n||""].filter(Boolean).join(" "),style:N,ref:a,children:[l.jsx("div",A({},c,{style:A({inset:0,position:"absolute",background:o||w,borderRadius:d},c.style)})),l.jsx(q,A({},i,{style:A({},i.style,{inset:0,zIndex:1,position:"absolute",outline:"none"}),onMove:y,onDown:y,onClick:R,onKeyDown:E,children:k}))]}))});ae.displayName="Alpha";var le=["prefixCls","placement","label","value","className","style","labelStyle","inputStyle","onChange","onBlur","renderInput"],re=t.forwardRef((e,a)=>{var{prefixCls:r="w-color-editable-input",placement:n="bottom",label:s,value:o,className:c,style:i,labelStyle:u,inputStyle:d,onChange:m,onBlur:p,renderInput:h}=e,v=j(e,le),[g,f]=t.useState(o),b=t.useRef(!1);t.useEffect(()=>{e.value!==g&&(b.current||f(e.value))},[e.value]);var y={};"bottom"===n&&(y.flexDirection="column"),"top"===n&&(y.flexDirection="column-reverse"),"left"===n&&(y.flexDirection="row-reverse");var x=A({"--editable-input-label-color":"rgb(153, 153, 153)","--editable-input-box-shadow":"rgb(204 204 204) 0px 0px 0px 1px inset","--editable-input-color":"#666",position:"relative",alignItems:"center",display:"flex",fontSize:11},y,i),w=A({width:"100%",paddingTop:2,paddingBottom:2,paddingLeft:3,paddingRight:3,fontSize:11,background:"transparent",boxSizing:"border-box",border:"none",color:"var(--editable-input-color)",boxShadow:"var(--editable-input-box-shadow)"},d),C=A({value:g,onChange:function(e,t){var a=(t||e.target.value).trim().replace(/^#/,"");/^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(a)&&m&&m(e,a);var l=(e=>Number(String(e).replace(/%/g,"")))(a);isNaN(l)||m&&m(e,l),f(a)},onBlur:function(t){b.current=!1,f(e.value),p&&p(t)},autoComplete:"off",onFocus:()=>b.current=!0},v,{style:w,onFocusCapture:e=>{var t=e.target;t.setSelectionRange(t.value.length,t.value.length)}});return l.jsxs("div",{className:[r,c||""].filter(Boolean).join(" "),style:x,children:[h?h(C,a):l.jsx("input",A({ref:a},C)),s&&l.jsx("span",{style:A({color:"var(--editable-input-label-color)",textTransform:"capitalize"},u),children:s})]})});re.displayName="EditableInput";var ne=["prefixCls","hsva","placement","rProps","gProps","bProps","aProps","className","style","onChange"],se=t.forwardRef((e,t)=>{var{prefixCls:a="w-color-editable-input-rgba",hsva:r,placement:n="bottom",rProps:s={},gProps:o={},bProps:c={},aProps:i={},className:u,style:d,onChange:m}=e,p=j(e,ne),h=r?V(r):{};function v(e){var t=Number(e.target.value);t&&t>255&&(e.target.value="255"),t&&t<0&&(e.target.value="0")}var g=(e,t,a)=>{"number"==typeof e&&("a"===t&&(e<0&&(e=0),e>100&&(e=100),m&&m(F(L(A({},h,{a:e/100}))))),e>255&&(e=255,a.target.value="255"),e<0&&(e=0,a.target.value="0"),"r"===t&&m&&m(F(L(A({},h,{r:e})))),"g"===t&&m&&m(F(L(A({},h,{g:e})))),"b"===t&&m&&m(F(L(A({},h,{b:e})))))},f=h.a?Math.round(100*h.a)/100:0;return l.jsxs("div",A({ref:t,className:[a,u||""].filter(Boolean).join(" ")},p,{style:A({fontSize:11,display:"flex"},d),children:[l.jsx(re,A({label:"R",value:h.r||0,onBlur:v,placement:n,onChange:(e,t)=>g(t,"r",e)},s,{style:A({},s.style)})),l.jsx(re,A({label:"G",value:h.g||0,onBlur:v,placement:n,onChange:(e,t)=>g(t,"g",e)},o,{style:A({marginLeft:5},s.style)})),l.jsx(re,A({label:"B",value:h.b||0,onBlur:v,placement:n,onChange:(e,t)=>g(t,"b",e)},c,{style:A({marginLeft:5},c.style)})),i&&l.jsx(re,A({label:"A",value:parseInt(String(100*f),10),onBlur:e=>{var t=Number(e.target.value);t&&t>100&&(e.target.value="100"),t&&t<0&&(e.target.value="0")},placement:n,onChange:(e,t)=>g(t,"a",e)},i,{style:A({marginLeft:5},i.style)}))]}))});se.displayName="EditableInputRGBA";var oe=["prefixCls","className","hue","onChange","direction"],ce=t.forwardRef((e,t)=>{var{prefixCls:a="w-color-hue",className:r,hue:n=0,onChange:s,direction:o="horizontal"}=e,c=j(e,oe);return l.jsx(ae,A({ref:t,className:a+" "+(r||"")},c,{direction:o,background:"linear-gradient(to "+("horizontal"===o?"right":"bottom")+", rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)",hsva:{h:n,s:100,v:100,a:n/360},onChange:(e,t)=>{s&&s({h:"horizontal"===o?360*t.left:360*t.top})}}))});ce.displayName="Hue";var ie=["prefixCls","className","color","colors","style","rectProps","onChange","addonAfter","addonBefore","rectRender"],ue=t.forwardRef((e,a)=>{var{prefixCls:r="w-color-swatch",className:n,color:s,colors:o=[],style:c,rectProps:i={},onChange:u,addonAfter:d,addonBefore:m,rectRender:p}=e,h=j(e,ie),v=A({"--swatch-background-color":"rgb(144, 19, 254)",background:"var(--swatch-background-color)",height:15,width:15,marginRight:5,marginBottom:5,cursor:"pointer",position:"relative",outline:"none",borderRadius:2},i.style),g=(e,t)=>{u&&u(I(e),F(I(e)),t)};return l.jsxs("div",A({ref:a},h,{className:[r,n||""].filter(Boolean).join(" "),style:A({display:"flex",flexWrap:"wrap",position:"relative"},c),children:[m&&t.isValidElement(m)&&m,o&&Array.isArray(o)&&o.map((e,a)=>{var r="",n="";"string"==typeof e&&(r=e,n=e),"object"==typeof e&&e.color&&(r=e.title||e.color,n=e.color);var o=s&&s.toLocaleLowerCase()===n.toLocaleLowerCase(),c=p&&p({title:r,color:n,checked:!!o,style:A({},v,{background:n}),onClick:e=>g(n,e)});if(c)return l.jsx(t.Fragment,{children:c},a);var u=i.children&&t.isValidElement(i.children)?t.cloneElement(i.children,{color:n,checked:o}):null;return l.jsx("div",A({tabIndex:0,title:r,onClick:e=>g(n,e)},i,{children:u,style:A({},v,{background:n})}),a)}),d&&t.isValidElement(d)&&d]}))});ue.displayName="Swatch";var de=["prefixCls","className","onChange","width","presetColors","color","editableDisable","disableAlpha","style"],me=["#D0021B","#F5A623","#f8e61b","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"],pe=e=>l.jsx("div",{style:{boxShadow:"rgb(0 0 0 / 60%) 0px 0px 2px",width:4,top:1,bottom:1,left:e.left,borderRadius:1,position:"absolute",backgroundColor:"#fff"}}),he=t.forwardRef((e,a)=>{var{prefixCls:r="w-color-sketch",className:n,onChange:s,width:o=218,presetColors:c=me,color:i,editableDisable:u=!0,disableAlpha:d=!1,style:m}=e,p=j(e,de),[h,v]=t.useState({h:209,s:36,v:90,a:1});t.useEffect(()=>{"string"==typeof i&&W(i)&&v(I(i)),"object"==typeof i&&v(i)},[i]);var g=e=>{v(e),s&&s(F(e))},f=A({"--sketch-background":"rgb(255, 255, 255)","--sketch-box-shadow":"rgb(0 0 0 / 15%) 0px 0px 0px 1px, rgb(0 0 0 / 15%) 0px 8px 16px","--sketch-swatch-box-shadow":"rgb(0 0 0 / 15%) 0px 0px 0px 1px inset","--sketch-alpha-box-shadow":"rgb(0 0 0 / 15%) 0px 0px 0px 1px inset, rgb(0 0 0 / 25%) 0px 0px 4px inset","--sketch-swatch-border-top":"1px solid rgb(238, 238, 238)",background:"var(--sketch-background)",borderRadius:4,boxShadow:"var(--sketch-box-shadow)",width:o},m),b={borderRadius:2,background:U(h),boxShadow:"var(--sketch-alpha-box-shadow)"};return l.jsxs("div",A({},p,{className:r+" "+(n||""),ref:a,style:f,children:[l.jsxs("div",{style:{padding:"10px 10px 8px"},children:[l.jsx(Z,{hsva:h,style:{width:"auto",height:150},onChange:e=>g(A({},h,e,{a:h.a}))}),l.jsxs("div",{style:{display:"flex",marginTop:4},children:[l.jsxs("div",{style:{flex:1},children:[l.jsx(ce,{width:"auto",height:10,hue:h.h,pointer:pe,innerProps:{style:{marginLeft:1,marginRight:5}},onChange:e=>g(A({},h,e))}),!d&&l.jsx(ae,{width:"auto",height:10,hsva:h,pointer:pe,style:{marginTop:4},innerProps:{style:{marginLeft:1,marginRight:5}},onChange:e=>g(A({},h,{a:e.a}))})]}),!d&&l.jsx(ae,{width:24,height:24,hsva:h,radius:2,style:{marginLeft:4},bgProps:{style:{background:"transparent"}},innerProps:{style:b},pointer:()=>l.jsx(t.Fragment,{})})]})]}),u&&l.jsxs("div",{style:{display:"flex",margin:"0 10px 3px 10px"},children:[l.jsx(re,{label:"Hex",value:O(h).replace(/^#/,"").toLocaleUpperCase(),onChange:(e,t)=>{var a;"string"==typeof(a=t)&&W(a)&&/(3|6)/.test(String(a.length))&&g(I(a))},style:{minWidth:58}}),l.jsx(se,{hsva:h,style:{marginLeft:6},aProps:!d&&{},onChange:e=>g(e.hsva)})]}),c&&c.length>0&&l.jsx(ue,{style:{borderTop:"var(--sketch-swatch-border-top)",paddingTop:10,paddingLeft:10},colors:c,color:O(h),onChange:e=>g(e),rectProps:{style:{marginRight:10,marginBottom:10,borderRadius:3,boxShadow:"var(--sketch-swatch-box-shadow)"}}})]}))});he.displayName="Sketch";var ve="styles-module-trigger-w-aUi",ge="styles-module-colorPreview-SUgiJ",fe="styles-module-colorValue-cYdRP",be="styles-module-popover-SfIUB";const ye=e=>{const{value:a,initialValue:l,onChange:n,disableAlpha:s=!1}=e,[o,c]=t.useState(!1);return React.createElement(r,{onClose:()=>c(!1),open:o,trigger:React.createElement("button",{"aria-label":"Select color",className:ve,onClick:()=>c(!0),type:"button"},React.createElement("div",{"aria-label":"Current color",className:ge,style:{backgroundColor:a??l}}),React.createElement("span",{className:fe},a??l))},React.createElement("div",{className:be},React.createElement(he,{color:a,disableAlpha:s,onChange:e=>n(e.hexa),presetColors:[]})))};function xe(e){var t,a,l="";if("string"==typeof e||"number"==typeof e)l+=e;else if("object"==typeof e)if(Array.isArray(e)){var r=e.length;for(t=0;t<r;t++)e[t]&&(a=xe(e[t]))&&(l&&(l+=" "),l+=a)}else for(a in e)e[a]&&(l&&(l+=" "),l+=a);return l}function we(...e){return function(){for(var e,t,a=0,l="",r=arguments.length;a<r;a++)(e=arguments[a])&&(t=xe(e))&&(l&&(l+=" "),l+=t);return l}(e)}var Ce="styles-module-container-CUmyq",Ne="styles-module-textarea-hn1hD",Ee="styles-module-textareaError-O2GWs",Re="styles-module-error-wjKcS";const ke=e=>{const{value:a,initialValue:l,placeholder:r,rows:n=6,onChange:s}=e,[o,c]=t.useState(""),[i,u]=t.useState(null);t.useEffect(()=>{const e=a??l;if(void 0!==e)try{c(JSON.stringify(e,null,2)),u(null)}catch{c(String(e))}else c("")},[a,l]);const d=t.useCallback(e=>{if(c(e),!e.trim())return u(null),void s(void 0);try{const t=JSON.parse(e);u(null),s(t)}catch(e){u(e.message)}},[s]),m=1.5*n*14;return React.createElement("div",{className:Ce},React.createElement("textarea",{className:we(Ne,i?Ee:null),onChange:e=>d(e.target.value),placeholder:r||"输入 JSON 数据",spellCheck:!1,style:{minHeight:m},value:o}),i?React.createElement("div",{className:Re},i):null)};var Se="styles-module-container-d6iPo",Ae="styles-module-input-hzqco",je="styles-module-inputWithSuffix-dzHIR",Be="styles-module-suffix--jLoo";const Me=e=>{const{value:t,initialValue:a,placeholder:l,onChange:r,suffix:n}=e;return React.createElement("div",{className:Se},React.createElement("input",{className:we(Ae,n?je:""),onChange:e=>r(+e.target.value),placeholder:l||"",type:"number",value:t??a??""}),n?React.createElement("span",{"aria-label":`Unit: ${n}`,className:Be},n):null)};var Le="styles-module-container-RzrEe",ze="styles-module-field-AaNu3",De="styles-module-label-zWfmB",Pe="styles-module-input-fv7wH",Ie="styles-module-customField-hV2yY",Te="styles-module-customFieldInputs-efA5X",Ve="styles-module-keyInput-MXoPV",Ue="styles-module-removeButton-s7K9l",Oe="styles-module-removeIcon-Ostpz",Fe="styles-module-addButton-Wgly5",We="styles-module-addIcon-61nc3";const $e=e=>{const{value:a,initialValue:l,fields:r=[],allowCustomFields:n=!1,addFieldText:s="添加字段",onChange:o}=e,c=a??l??{},i=t.useCallback((e,t)=>{o({...c,[e]:t})},[c,o]),u=t.useCallback(()=>{const e=`field_${Date.now()}`;o({...c,[e]:""})},[c,o]),d=t.useCallback(e=>{const t={...c};delete t[e],o(t)},[c,o]),m=r.map(e=>e.key),p=Object.keys(c).filter(e=>!m.includes(e));return React.createElement("div",{className:Le},r.map(e=>React.createElement("div",{className:ze,key:e.key},React.createElement("span",{className:De},e.label),React.createElement("input",{className:Pe,onChange:t=>{const a="number"===e.type?+t.target.value:t.target.value;i(e.key,a)},placeholder:e.placeholder,type:"number"===e.type?"number":"text",value:c[e.key]??""}))),p.map(e=>React.createElement("div",{className:Ie,key:e},React.createElement("div",{className:Te},React.createElement("input",{className:Ve,onChange:t=>{const a=t.target.value;if(a&&a!==e){const t={...c};t[a]=t[e],delete t[e],o(t)}},placeholder:"字段名",type:"text",value:e}),React.createElement("input",{className:Pe,onChange:t=>i(e,t.target.value),placeholder:"值",type:"text",value:c[e]??""})),React.createElement("button",{className:Ue,onClick:()=>d(e),type:"button"},React.createElement(g,{className:Oe})))),n?React.createElement("button",{className:Fe,onClick:u,type:"button"},React.createElement(v,{className:We}),s):null)};var Ye="styles-module-container-YWSlG",Xe="styles-module-inputWrapper-B2wKI",He="styles-module-input--qUrU",Je="styles-module-suffix-2c3Cd";const Ke=e=>{const{value:t,onChange:a}=e,l=(e,l)=>{a({...t,[e]:l})};return React.createElement("div",{className:Ye},React.createElement("div",{className:Xe},React.createElement("input",{className:He,onChange:e=>l("x",Number(e.target.value)),type:"number",value:Ge(t.x)}),React.createElement("span",{"aria-label":"Unit: X",className:Je},"X")),React.createElement("div",{className:Xe},React.createElement("input",{className:He,onChange:e=>l("y",Number(e.target.value)),type:"number",value:Ge(t.y)}),React.createElement("span",{"aria-label":"Unit: Y",className:Je},"Y")),React.createElement("div",{className:Xe},React.createElement("input",{className:He,onChange:e=>l("width",Number(e.target.value)),type:"number",value:Ge(t.width)}),React.createElement("span",{"aria-label":"Unit: W",className:Je},"W")),React.createElement("div",{className:Xe},React.createElement("input",{className:He,onChange:e=>l("height",Number(e.target.value)),type:"number",value:Ge(t.height)}),React.createElement("span",{"aria-label":"Unit: H",className:Je},"H")))},qe=/(\.\d{2})\d+$/,Ge=e=>e.toString().replace(qe,"$1");var Qe="styles-module-container-lamwH",Ze="styles-module-containerSm-mndNj",_e="styles-module-indicator-pz-DO",et="styles-module-segment-JmKWl",tt="styles-module-segmentSelected-fumXM",at="styles-module-segmentDisabled-Md5LF";const lt=e=>{const{value:a,initialValue:l,options:r=[],onChange:n,size:s="md"}=e,o=t.useRef(null),[c,i]=t.useState({left:0,width:0}),u=a??l??r[0]?.value??"",d=t.useCallback(()=>{if(!o.current)return;const e=o.current.querySelector(`[data-value="${u}"]`);if(e){const t=o.current.getBoundingClientRect(),a=e.getBoundingClientRect();i({left:a.left-t.left,width:a.width})}},[u]);return t.useEffect(()=>(d(),window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)),[d]),React.createElement("div",{className:we(Qe,"sm"===s&&Ze),ref:o},React.createElement("div",{className:_e,style:{transform:`translateX(${c.left}px)`,width:`${c.width}px`}}),r.map(e=>React.createElement("button",{className:we(et,u===e.value&&tt,!0===e.disabled&&at),"data-value":e.value,disabled:e.disabled,key:e.value,onClick:()=>!e.disabled&&n(e.value),type:"button"},e.label)))};var rt="styles-module-trigger-YRz9p",nt="styles-module-triggerValue-k-g2-",st="styles-module-placeholder-F8-XP",ot="styles-module-chevron-UbZv-",ct="styles-module-chevronOpen-Yui-r",it="styles-module-dropdown-l2sra",ut="styles-module-option-cv-7C",dt="styles-module-optionSelected-K4e5h",mt="styles-module-optionDisabled-72jrC";const pt=e=>{const{value:a,initialValue:l,options:n=[],placeholder:s,onChange:o}=e,[c,i]=t.useState(!1),u=a??l??"",d=n.find(e=>e.value===u);return React.createElement(r,{onClose:()=>i(!1),open:c,trigger:React.createElement("button",{"aria-expanded":c,"aria-haspopup":"listbox",className:rt,onClick:()=>i(!0),type:"button"},React.createElement("span",{className:we(nt,d?"":st)},d?.label||s||"请选择"),React.createElement(m,{className:we(ot,c?ct:"")}))},React.createElement("div",{className:it,role:"listbox"},n.map(e=>React.createElement("button",{"aria-selected":e.value===u,className:we(ut,e.value===u?dt:"",!0===e.disabled?mt:""),key:e.value,onClick:()=>{return t=e.value,void(e.disabled||(o(t),i(!1)));var t},role:"option",type:"button"},e.label))))};var ht="styles-module-container-PG1Uy",vt="styles-module-slider-pypb6",gt="styles-module-track-X2NtH",ft="styles-module-range-AVV8x",bt="styles-module-thumb-YMQR-",yt="styles-module-value-JiWPV";const xt=e=>{const{value:a,initialValue:l,min:r=0,max:n=100,step:s=1,showValue:o=!0,suffix:c,onChange:i}=e,u=a??l??r,d=t.useRef(null),m=(u-r)/(n-r)*100,p=t.useCallback(e=>{if(!d.current)return;const t=d.current.getBoundingClientRect(),a=Math.max(0,Math.min(1,(e-t.left)/t.width)),l=r+a*(n-r),o=Math.round(l/s)*s,c=s%1==0?0:String(s).split(".")[1]?.length||0,u=Number(o.toFixed(c)),m=Math.max(r,Math.min(n,u));i(m)},[r,n,s,i]);return React.createElement("div",{className:ht},React.createElement("div",{className:vt},React.createElement("div",{className:gt,onMouseDown:e=>{p(e.clientX);const t=e=>{p(e.clientX)},a=()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",a)};document.addEventListener("mousemove",t),document.addEventListener("mouseup",a)},ref:d,role:"presentation"},React.createElement("div",{className:ft,style:{width:`${m}%`}}),React.createElement("div",{"aria-valuemax":n,"aria-valuemin":r,"aria-valuenow":u,className:bt,role:"slider",style:{left:`${m}%`},tabIndex:0}))),!0===o?React.createElement("span",{className:yt},u,c):null)};var wt="styles-module-container-weN0F",Ct="styles-module-input-C8N67",Nt="styles-module-inputWithSuffix-tdJcI",Et="styles-module-suffix-HGRiQ";const Rt=e=>{const{value:t,initialValue:a,placeholder:l,onChange:r,suffix:n}=e;return React.createElement("div",{className:wt},React.createElement("input",{className:we(Ct,n?Nt:""),onChange:e=>r(e.target.value),placeholder:l||"",type:"text",value:t||a||""}),n?React.createElement("span",{"aria-label":`Unit: ${n}`,className:Et},n):null)};var kt="styles-module-switch-2DV6T",St="styles-module-switchChecked-eI65V",At="styles-module-switchThumb-GDlBx",jt="styles-module-switchThumbChecked-uA5kV",Bt="styles-module-checkboxWrapper-l-KtW",Mt="styles-module-checkboxInput-4Z9KK",Lt="styles-module-checkbox-G1P36",zt="styles-module-checkboxChecked-7XJoC",Dt="styles-module-checkIcon-3KIBH",Pt="styles-module-segmented-IaxAM",It="styles-module-segmentedButton-mbZ5z",Tt="styles-module-segmentedButtonSelected-u4m2T";const Vt=e=>{const{value:t,initialValue:a,onChange:l,mode:r="switch",trueLabel:n="是",falseLabel:s="否"}=e,o=t??a??!1;return"segmented"===r?React.createElement("div",{className:Pt},React.createElement("button",{className:we(It,!1===o?Tt:""),onClick:()=>l(!1),type:"button"},s),React.createElement("button",{className:we(It,!0===o?Tt:""),onClick:()=>l(!0),type:"button"},n)):"checkbox"===r?React.createElement("label",{className:Bt},React.createElement("input",{checked:o,className:Mt,onChange:e=>l(e.target.checked),type:"checkbox"}),React.createElement("span",{className:we(Lt,o?zt:"")},o?React.createElement(d,{className:Dt}):null)):React.createElement("button",{"aria-checked":o,className:we(kt,o?St:""),onClick:()=>l(!o),role:"switch",type:"button"},React.createElement("span",{className:we(At,o?jt:"")}))};var Ut="styles-module-container-ftwPX",Ot="styles-module-textarea-sJPy9",Ft="styles-module-counter-02NEu";const Wt=e=>{const{value:t,initialValue:a,placeholder:l,rows:r=3,maxLength:n,onChange:s}=e;return React.createElement("div",{className:Ut},React.createElement("textarea",{className:Ot,maxLength:n,onChange:e=>s(e.target.value),placeholder:l||"",rows:r,value:t??a??""}),n?React.createElement("div",{className:Ft},(t??a??"").length,"/",n):null)};var $t="styles-module-container-EDh0-",Yt="styles-module-row-MOm-T",Xt="styles-module-label-1o-jT",Ht="styles-module-hiddenInput-03Dx-",Jt="styles-module-uploadArea-1HYbh",Kt="styles-module-uploadIcon-Ck7gF",qt="styles-module-clearButton-N-9cs",Gt="styles-module-clearIcon-LHlF6",Qt="styles-module-fileInfo-71Jtf",Zt="styles-module-fileName-B2hHy",_t="styles-module-fileSize-pINcz",ea="styles-module-error-A8MID";const ta=e=>{const{value:a,onChange:l,accept:r=".jpg,.jpeg,.png,.gif",maxSize:n=10485760}=e,[s,o]=t.useState(""),c=t.useRef(null);return React.createElement("div",{className:$t},React.createElement("div",{className:Yt},React.createElement("label",{className:Xt},React.createElement("input",{accept:r,className:Ht,onChange:async e=>{const t=e.target.files?.[0];if(o(""),!t)return void l(null);const a=`.${t.name.split(".").pop()?.toLowerCase()}`;if(!r.includes(a))return o(`仅支持 ${r} 格式文件`),void l(null);if(t.size>n)return o(`文件大小不能超过 ${n/1024/1024}MB`),void l(null);try{const[e,a]=await Promise.all([new Promise((e,a)=>{const l=new FileReader;l.onload=()=>e(l.result),l.onerror=e=>a(e),l.readAsDataURL(t)}),new Promise((e,a)=>{const l=new Image;l.onload=()=>e({width:l.naturalWidth,height:l.naturalHeight}),l.onerror=a,l.src=URL.createObjectURL(t)})]);l({raw:{name:t.name,size:t.size,type:t.type,width:a.width,height:a.height},base64:e})}catch(e){o("文件读取失败，请重试"),l(null)}},ref:c,type:"file"}),React.createElement("div",{className:Jt},React.createElement(f,{className:Kt}),React.createElement("span",null,a?"更换文件":"点击上传"))),a?React.createElement("button",{"aria-label":"清除文件",className:qt,onClick:()=>{l(null),c.current&&(c.current.value="")},type:"button"},React.createElement(b,{className:Gt})):null),a?React.createElement("div",{className:Qt},React.createElement("span",{className:Zt},a.raw?.name),React.createElement("span",{className:_t},(a.raw?.size/1024).toFixed(1),"KB")):null,s?React.createElement("p",{className:ea,role:"alert"},s):null)};var aa="styles-module-container-gjha7",la="styles-module-header-iE--w",ra="styles-module-titleWrapper-MKhFX",na="styles-module-chevron--dfCY",sa="styles-module-chevronOpen-YwT7-",oa="styles-module-title-qTdCp",ca="styles-module-content-GYYgk",ia="styles-module-contentInner-YQzDE",ua="styles-module-contentHidden-WAYSW";const da=e=>{const{field:a,children:l,initialValue:r,icon:n=!0}=e,[s,o]=t.useState(r??!0),c=()=>{n&&o(!s)};return React.createElement("div",{className:aa},React.createElement("div",{className:la,onClick:c,onKeyDown:e=>"Enter"===e.key&&c(),role:n?"button":void 0,tabIndex:n?0:void 0,"aria-expanded":n?s:void 0},React.createElement("div",{className:ra},n&&React.createElement(p,{className:we(na,s&&sa)}),React.createElement("h4",{className:oa},a.title))),React.createElement("div",{className:we(ca,!s&&ua)},React.createElement("div",{className:ia},l)))};var ma="styles-module-container-BPB4M",pa="styles-module-tabsWrapper-wAK69",ha="styles-module-tabsList-hV1mY",va="styles-module-tabTrigger--ORCz",ga="styles-module-tabTriggerActive-R7369",fa="styles-module-indicator-JfmPM",ba="styles-module-tabContent-7Dnf2",ya="styles-module-tabContentActive-KnHQV";const xa=e=>{const{tabs:a,initialValue:l,children:r}=e,n=t.useRef(null),[s,o]=t.useState({left:0,width:0}),c=t.useMemo(()=>{if(a)return a;if(Array.isArray(r)&&r.length>0)return r.map(e=>({label:e.props.field.config.title,value:e.props.field.config.key}));throw new Error("SubTabSetter: children or tabs must be an array")},[a,r]),i=t.useMemo(()=>c[0]?.value,[c]),[u,d]=t.useState(l??i),m=t.useCallback(()=>{if(!n.current)return;const e=n.current.querySelector(`[data-value="${u}"]`);if(e){const t=n.current.getBoundingClientRect(),a=e.getBoundingClientRect();o({left:a.left-t.left,width:a.width})}},[u]);return t.useEffect(()=>(m(),window.addEventListener("resize",m),()=>window.removeEventListener("resize",m)),[m]),t.createElement("div",{className:ma},t.createElement("div",{className:pa,ref:n},t.createElement("div",{className:ha,role:"tablist"},c.map(e=>t.createElement("button",{"aria-selected":u===e.value,className:we(va,u===e.value&&ga),"data-value":e.value,key:e.value,onClick:()=>d(e.value),role:"tab",type:"button"},e.label))),t.createElement("div",{className:fa,style:{transform:`translateX(${s.left}px)`,width:`${s.width}px`}})),Array.isArray(r)?r.map(e=>t.createElement("div",{className:we(ba,u===e.props.field.config.key&&ya),key:e.props.field.config.key,role:"tabpanel"},e)):null)};var wa="styles-module-container-4LWRO",Ca="styles-module-tabsList-L72im",Na="styles-module-indicator-3Lmrg",Ea="styles-module-tabTrigger-u3S3S",Ra="styles-module-tabTriggerActive-xCpU6",ka="styles-module-tabContent-Pj2Us",Sa="styles-module-tabContentActive-NJtXh";const Aa=e=>{const{tabs:a,initialValue:l,children:r}=e,n=t.useRef(null),[s,o]=t.useState({left:0,width:0}),c=t.useMemo(()=>{if(a)return a;if(Array.isArray(r)&&r.length>0)return r.map(e=>({label:e.props.field.config.title,value:e.props.field.config.key}));throw new Error("TabSetter: children or tabs must be an array")},[a,r]),i=t.useMemo(()=>c[0]?.value,[c]),[u,d]=t.useState(l??i),m=t.useCallback(()=>{if(!n.current)return;const e=n.current.querySelector(`[data-value="${u}"]`);if(e){const t=n.current.getBoundingClientRect(),a=e.getBoundingClientRect();o({left:a.left-t.left,width:a.width})}},[u]);return t.useEffect(()=>(m(),window.addEventListener("resize",m),()=>window.removeEventListener("resize",m)),[m]),t.createElement("div",{className:wa},t.createElement("div",{className:Ca,ref:n,role:"tablist",style:{gridTemplateColumns:`repeat(${c.length}, minmax(0, 1fr))`}},t.createElement("div",{className:Na,style:{transform:`translateX(${s.left}px)`,width:`${s.width}px`}}),c.map(e=>t.createElement("button",{"aria-selected":u===e.value,className:we(Ea,u===e.value?Ra:""),"data-value":e.value,key:e.value,onClick:()=>d(e.value),role:"tab",type:"button"},e.label))),Array.isArray(r)?r.map(e=>t.createElement("div",{className:we(ka,u===e.props.field.config.key?Sa:""),key:e.props.field.config.key,role:"tabpanel"},e)):null)},ja={ColorSetter:ye,NumberSetter:Me,RectSetter:Ke,StringSetter:Rt,SwitchSetter:Vt,UploadSetter:ta,SegmentedSetter:lt,CollapseSetter:da,SubTabSetter:xa,TabSetter:Aa,SelectSetter:pt,SliderSetter:xt,TextAreaSetter:Wt,ArraySetter:S,JsonSetter:ke,ObjectSetter:$e};e.ArraySetter=S,e.CollapseSetter=da,e.ColorSetter=ye,e.JsonSetter=ke,e.NumberSetter=Me,e.ObjectSetter=$e,e.Popover=r,e.RectSetter=Ke,e.SegmentedSetter=lt,e.SelectSetter=pt,e.SliderSetter=xt,e.StringSetter=Rt,e.SubTabSetter=xa,e.SwitchSetter=Vt,e.TabSetter=Aa,e.TextAreaSetter=Wt,e.UploadSetter=ta,e.default=ja,e.setterMap=ja,Object.defineProperty(e,"__esModule",{value:!0})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@easy-editor/setters",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"description": "Official setters library for EasyEditor - A collection of property setter components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -50,6 +50,7 @@
|
|
|
50
50
|
"react-dom": "^18 || ^19"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
+
"@easy-editor/easypack": "^0.0.2",
|
|
53
54
|
"@rollup/plugin-alias": "^5.1.1",
|
|
54
55
|
"@types/events": "^3.0.3",
|
|
55
56
|
"postcss": "^8.5.6",
|
|
@@ -69,11 +70,7 @@
|
|
|
69
70
|
"lint": "biome check .",
|
|
70
71
|
"build": "npm-run-all -nl build:*",
|
|
71
72
|
"build:clean": "rimraf dist/",
|
|
72
|
-
"build:js": "
|
|
73
|
-
"build:types": "pnpm types",
|
|
74
|
-
"types": "npm-run-all -nl types:*",
|
|
75
|
-
"types:src": "tsc --project tsconfig.build.json",
|
|
76
|
-
"test-types": "tsc --project tsconfig.test.json"
|
|
73
|
+
"build:js": "easypack build"
|
|
77
74
|
},
|
|
78
75
|
"module": "dist/index.esm.js",
|
|
79
76
|
"unpkg": "dist/index.min.js"
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { SetterProps } from '@easy-editor/core';
|
|
2
|
-
export interface AlignValue {
|
|
3
|
-
horizontal: 'left' | 'center' | 'right' | 'stretch';
|
|
4
|
-
vertical: 'top' | 'center' | 'bottom' | 'stretch';
|
|
5
|
-
}
|
|
6
|
-
export interface AlignSetterProps extends SetterProps<AlignValue> {
|
|
7
|
-
showHorizontal?: boolean;
|
|
8
|
-
showVertical?: boolean;
|
|
9
|
-
mode?: 'flex' | 'text';
|
|
10
|
-
}
|
|
11
|
-
declare const AlignSetter: (props: AlignSetterProps) => import("react").JSX.Element;
|
|
12
|
-
export default AlignSetter;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { SetterProps } from '@easy-editor/core';
|
|
2
|
-
export interface ArraySetterProps extends SetterProps<unknown[]> {
|
|
3
|
-
itemSetter?: 'string' | 'number';
|
|
4
|
-
maxItems?: number;
|
|
5
|
-
minItems?: number;
|
|
6
|
-
placeholder?: string;
|
|
7
|
-
addButtonText?: string;
|
|
8
|
-
}
|
|
9
|
-
declare const ArraySetter: (props: ArraySetterProps) => import("react").JSX.Element;
|
|
10
|
-
export default ArraySetter;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { SetterProps } from '@easy-editor/core';
|
|
2
|
-
export interface DataBindingValue {
|
|
3
|
-
type: 'static' | 'datasource';
|
|
4
|
-
staticValue?: unknown;
|
|
5
|
-
datasourceId?: string;
|
|
6
|
-
datasourcePath?: string;
|
|
7
|
-
}
|
|
8
|
-
export interface DataBindingSetterProps extends SetterProps<DataBindingValue> {
|
|
9
|
-
dataType?: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'any';
|
|
10
|
-
showPreview?: boolean;
|
|
11
|
-
staticSetter?: string;
|
|
12
|
-
dataSources?: Array<{
|
|
13
|
-
id: string;
|
|
14
|
-
name: string;
|
|
15
|
-
}>;
|
|
16
|
-
}
|
|
17
|
-
declare const DataBindingSetter: (props: DataBindingSetterProps) => import("react").JSX.Element;
|
|
18
|
-
export default DataBindingSetter;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { SetterProps } from '@easy-editor/core';
|
|
2
|
-
export interface DataMappingItem {
|
|
3
|
-
targetField: string;
|
|
4
|
-
sourceField: string;
|
|
5
|
-
transform?: string;
|
|
6
|
-
}
|
|
7
|
-
export interface DataMappingValue {
|
|
8
|
-
mappings: DataMappingItem[];
|
|
9
|
-
}
|
|
10
|
-
export interface TargetFieldConfig {
|
|
11
|
-
name: string;
|
|
12
|
-
label: string;
|
|
13
|
-
type: 'string' | 'number' | 'boolean' | 'array';
|
|
14
|
-
required?: boolean;
|
|
15
|
-
}
|
|
16
|
-
export interface DataMappingSetterProps extends SetterProps<DataMappingValue> {
|
|
17
|
-
targetFields: TargetFieldConfig[];
|
|
18
|
-
sourceFields?: string[];
|
|
19
|
-
}
|
|
20
|
-
declare const DataMappingSetter: (props: DataMappingSetterProps) => import("react").JSX.Element;
|
|
21
|
-
export default DataMappingSetter;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { SetterProps } from '@easy-editor/core';
|
|
2
|
-
export interface JsonSetterProps extends SetterProps<unknown> {
|
|
3
|
-
placeholder?: string;
|
|
4
|
-
rows?: number;
|
|
5
|
-
}
|
|
6
|
-
declare const JsonSetter: (props: JsonSetterProps) => import("react").JSX.Element;
|
|
7
|
-
export default JsonSetter;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { SetterProps } from '@easy-editor/core';
|
|
2
|
-
export interface NumberSetterProps extends SetterProps<number> {
|
|
3
|
-
placeholder?: string;
|
|
4
|
-
suffix?: string;
|
|
5
|
-
}
|
|
6
|
-
declare const NumberSetter: (props: NumberSetterProps) => import("react").JSX.Element;
|
|
7
|
-
export default NumberSetter;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { SetterProps } from '@easy-editor/core';
|
|
2
|
-
export interface ObjectField {
|
|
3
|
-
key: string;
|
|
4
|
-
label: string;
|
|
5
|
-
type?: 'string' | 'number';
|
|
6
|
-
placeholder?: string;
|
|
7
|
-
}
|
|
8
|
-
export interface ObjectSetterProps extends SetterProps<Record<string, unknown>> {
|
|
9
|
-
fields?: ObjectField[];
|
|
10
|
-
allowCustomFields?: boolean;
|
|
11
|
-
addFieldText?: string;
|
|
12
|
-
}
|
|
13
|
-
declare const ObjectSetter: (props: ObjectSetterProps) => import("react").JSX.Element;
|
|
14
|
-
export default ObjectSetter;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { SetterProps } from '@easy-editor/core';
|
|
2
|
-
export interface SegmentedOption {
|
|
3
|
-
label: string;
|
|
4
|
-
value: string;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export interface SegmentedSetterProps extends SetterProps<string> {
|
|
8
|
-
options?: SegmentedOption[];
|
|
9
|
-
size?: 'sm' | 'md';
|
|
10
|
-
}
|
|
11
|
-
declare const SegmentedSetter: (props: SegmentedSetterProps) => import("react").JSX.Element;
|
|
12
|
-
export default SegmentedSetter;
|