next-flow-design 1.1.3 → 1.2.0

package/dist/components/nf-color-picker/nf-color-picker.d.ts

@@ -13,6 +13,12 @@ export interface NfColorPickerProps {
     open?: boolean;
     /** 显示颜色文本 */
     showText?: boolean;
+    /** 面板垂直位置：上方或下方 */
+    placement?: 'top' | 'bottom';
+    /** 面板水平对齐：左侧或右侧 */
+    align?: 'left' | 'right';
+    /** 是否自动调整位置避免超出屏幕 */
+    autoAdjust?: boolean;
 }
 /**
  * 颜色选择器组件事件接口
@@ -43,6 +49,9 @@ export declare class NfColorPickerElement extends LitElement {
     disabledAlpha: boolean;
     open: boolean;
     showText: boolean;
+    placement: 'top' | 'bottom';
+    align: 'left' | 'right';
+    autoAdjust: boolean;
     private _panelVisible;
     private _internalValue;
     private _hsb;
@@ -65,6 +74,10 @@ export declare class NfColorPickerElement extends LitElement {
     private _handleColorChange;
     private _handleHueChange;
     private _handleSBChange;
+    private _handleSBMouseDown;
+    private _handleSBMouseMove;
+    private _handleSBMouseUp;
+    private _handleSBTouchMove;
     private _handleAlphaChangeInput;
     private _renderTrigger;
     private _renderColorSelector;

package/dist/components/nf-input/nf-input.d.ts

@@ -5,6 +5,7 @@ export declare class NfInputElement extends LitElement {
     placeholder: string;
     type: 'text' | 'password';
     maxLength?: number;
+    disabled: boolean;
     private showPassword;
     render(): import('lit-html').TemplateResult<1>;
     private renderEyeIcon;

package/dist/components/nf-input-number/nf-input-number.d.ts

@@ -10,6 +10,7 @@ export declare class NfInputNumberElement extends LitElement {
     decimalSeparator: string;
     prefix: string;
     suffix: string;
+    disabled: boolean;
     private isInputFocused;
     render(): import('lit-html').TemplateResult<1>;
     private formatDisplayValue;

package/dist/components/nf-select/nf-select.d.ts

@@ -7,6 +7,7 @@ export declare class NfSelectElement extends LitElement {
     static styles: CSSStyleSheet[];
     value: string;
     options: Options;
+    disabled: boolean;
     private showDropdown;
     private jumpCloseFlag;
     private timeoutId;

package/dist/components/nf-slider/nf-slider.d.ts

@@ -13,7 +13,10 @@ export declare class NfSliderElement extends LitElement {
     private _isDragging;
     private _showTooltip;
     connectedCallback(): void;
+    disconnectedCallback(): void;
     protected updated(changedProperties: Map<string, unknown>): void;
+    private _handleHostMouseDown;
+    private _handleHostTouchStart;
     private _handleMouseDown;
     private _handleTouchStart;
     private _handleKeyDown;

package/dist/index.css

@@ -1 +1 @@
-.nf{--nf-width: auto;--nf-height: 2rem;--nf-margin: 0;--nf-padding: 0 .75rem;--nf-font-size: .875rem;--nf-text-font-size: calc(var(--nf-font-size) * var(--font-scale));--nf-font-weight: 200;--nf-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--nf-border-radius: .5rem;--nf-primary-color: var(--primary-color);--nf-primary-color-lighter: color-mix(in srgb, var(--nf-primary-color) 80%, #ffffff);--nf-primary-color-darker: color-mix(in srgb, var(--nf-primary-color) 90%, #000000);--nf-primary-color-opacity: color-mix(in srgb, var(--nf-primary-color) 0%, transparent);--nf-transition: .16s;--nf-transition-fast: .11s;--nf-transition-slow: .3s;--nf-input-padding: 0 .75rem;--nf-switch-padding: .1rem;color:var(--nf-color);font-weight:var(--nf-font-weight);font-size:var(--nf-font-size);font-family:var(--nf-font-family),sans-serif}.nf input,.nf textarea{color:var(--nf-color);font-weight:var(--nf-font-weight);font-size:var(--nf-font-size);font-family:var(--nf-font-family),sans-serif}[nf-theme=dark].nf{--nf-color: #ffffff;--nf-background-color: #08080866;--nf-background-color-hover: #08080899;--nf-background-color-active: #080808bb;--nf-border-color: var(--nf-background-color);--nf-border-color-hover: #7e8fe8;--nf-border-color-focus: #5566dc;--nf-box-shadow-color: #5e72f900;--nf-box-shadow-color-hover: #5e72f900;--nf-box-shadow-color-focus: #5e72f933;--nf-select-icon-color: #aaaaaa;--nf-icon-color-hover: #c1c1c1;--nf-icon-color-active: #e1e1e1;--nf-dropdown-background: #141414;--nf-dropdown-shadow: #00000055;--nf-item-background-hover: #ffffff14;--nf-item-background-active: #ffffff21;--nf-focus-text-color: #ffffff77}[nf-theme=light].nf{--nf-color: #000000;--nf-background-color: #e2e2e266;--nf-background-color-hover: #e2e2e299;--nf-background-color-active: #e2e2e2bb;--nf-border-color: var(--nf-background-color);--nf-border-color-hover: #7e8fe8;--nf-border-color-focus: #5566dc;--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-box-shadow-color-focus: #5566dc33;--nf-select-icon-color: #6c757d;--nf-icon-color-hover: #495057;--nf-icon-color-active: #343a40;--nf-dropdown-background: #ffffff;--nf-dropdown-shadow: #00000022;--nf-item-background-hover: #f8f9fa;--nf-item-background-active: #e9ecef;--nf-focus-text-color: #495057}
+.nf{--nf-width: auto;--nf-height: 2rem;--nf-margin: 0;--nf-padding: 0 .75rem;--nf-font-size: .875rem;--nf-text-font-size: calc(var(--nf-font-size) * var(--font-scale));--nf-font-weight: 200;--nf-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--nf-border-radius: .5rem;--nf-primary-color: var(--primary-color);--nf-primary-color-lighter: color-mix(in srgb, var(--nf-primary-color) 80%, #ffffff);--nf-primary-color-darker: color-mix(in srgb, var(--nf-primary-color) 90%, #000000);--nf-primary-color-opacity: color-mix(in srgb, var(--nf-primary-color) 0%, transparent);--nf-transition: .16s;--nf-transition-fast: .11s;--nf-transition-slow: .3s;--nf-input-padding: 0 .75rem;--nf-switch-padding: .1rem;color:var(--nf-color);font-weight:var(--nf-font-weight);font-size:var(--nf-font-size);font-family:var(--nf-font-family),sans-serif}.nf input,.nf textarea{color:var(--nf-color);font-weight:var(--nf-font-weight);font-size:var(--nf-font-size);font-family:var(--nf-font-family),sans-serif}[nf-theme=dark].nf{--nf-color: #ffffff;--nf-color-secondary: #aaaaaa;--nf-color-disabled: #666666;--nf-background-color: #08080866;--nf-background-color-hover: #08080899;--nf-background-color-active: #080808bb;--nf-border-color: var(--nf-background-color);--nf-border-color-hover: #7e8fe8;--nf-border-color-focus: #5566dc;--nf-box-shadow-color: #5e72f900;--nf-box-shadow-color-hover: #5e72f900;--nf-box-shadow-color-focus: #5e72f933;--nf-select-icon-color: #aaaaaa;--nf-icon-color-hover: #c1c1c1;--nf-icon-color-active: #e1e1e1;--nf-dropdown-background: #141414;--nf-dropdown-shadow: #00000055;--nf-item-background-hover: #ffffff14;--nf-item-background-active: #ffffff21;--nf-focus-text-color: #ffffff77}[nf-theme=light].nf{--nf-color: #000000;--nf-color-secondary: #6c757d;--nf-color-disabled: #999999;--nf-background-color: #e2e2e266;--nf-background-color-hover: #e2e2e299;--nf-background-color-active: #e2e2e2bb;--nf-border-color: var(--nf-background-color);--nf-border-color-hover: #7e8fe8;--nf-border-color-focus: #5566dc;--nf-box-shadow-color: #00000000;--nf-box-shadow-color-hover: #00000000;--nf-box-shadow-color-focus: #5566dc33;--nf-select-icon-color: #6c757d;--nf-icon-color-hover: #495057;--nf-icon-color-active: #343a40;--nf-dropdown-background: #ffffff;--nf-dropdown-shadow: #00000022;--nf-item-background-hover: #f8f9fa;--nf-item-background-active: #e9ecef;--nf-focus-text-color: #495057}