@flexem/fc-gui 3.0.0-alpha.174 → 3.0.0-alpha.176

package/bundles/@flexem/fc-gui.umd.js

@@ -37775,31 +37775,27 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
         const dropdownBg = this.model.displaySetting.axisSetting.filterBackgroudColor || fillColor || '#fff';
         const dropdownWrapper = operationArea.append('div')
             .style('display', 'inline-block')
-            .style('position', 'relative')
             .style('margin-left', this.displayOption.marginLeft + 'px')
             .style('vertical-align', 'middle');
         const selectedText = this.timePeriods.find(t => t.key === Number(this.currentTimePeriod));
+        const arrowIconUrl = 'url("data:image/svg+xml,'
+            + '%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%228%22 height=%225%22 viewBox=%220 0 8 5%22%3E'
+            + '%3Cpath d=%22M0 0L4 5L8 0z%22 fill=%22%23666%22/%3E%3C/svg%3E")';
         const dropdownTrigger = dropdownWrapper.append('div')
             .attr('class', 'hc-dropdown-trigger')
             .style('background-color', backgroundColor)
+            .style('background-image', arrowIconUrl)
+            .style('background-repeat', 'no-repeat')
+            .style('background-position', 'right 4px center')
             .style('font-size', this.displayOption.operationSelectFontSize)
             .style('cursor', 'pointer')
             .style('padding', '0 18px 0 4px')
             .style('border', '1px solid #ccc')
             .style('border-radius', '2px')
-            .style('position', 'relative')
             .style('white-space', 'nowrap')
             .style('line-height', (this.displayOption.operationAreaHeight - 8) + 'px')
             .style('min-height', (this.displayOption.operationAreaHeight - 8) + 'px')
             .text(selectedText ? selectedText.name : '');
-        dropdownTrigger.append('span')
-            .style('position', 'absolute')
-            .style('right', '4px')
-            .style('top', '50%')
-            .style('transform', 'translateY(-50%)')
-            .style('font-size', '10px')
-            .style('pointer-events', 'none')
-            .text('▼');
         const dropdownListEl = document.createElement('div');
         dropdownListEl.style.cssText = 'display:none;position:fixed;background:' + dropdownBg
             + ';border:1px solid #ccc;border-radius:2px;z-index:9999;box-shadow:0 2px 6px rgba(0,0,0,0.15);';
@@ -37837,14 +37833,6 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
                 const currentPeriod = this.timePeriods.find(p => p.key === tp.key);
                 const currentName = currentPeriod ? currentPeriod.name : tp.name;
                 dropdownTrigger.text(currentName);
-                dropdownTrigger.append('span')
-                    .style('position', 'absolute')
-                    .style('right', '4px')
-                    .style('top', '50%')
-                    .style('transform', 'translateY(-50%)')
-                    .style('font-size', '10px')
-                    .style('pointer-events', 'none')
-                    .text('▼');
                 // 更新选中状态
                 dropdownList.selectAll('.hc-dropdown-item')
                     .classed('hc-dropdown-selected', false)