@publishfx/publish-components 2.1.2 → 2.1.4

package/dist/TimePickerSelect/index.js

@@ -7,10 +7,11 @@ const generateTimeOptions = (config = {})=>{
     const { startHour = 0, endHour = 23, interval = 30, format = "HH:mm" } = config;
     const options = [];
     for(let hour = startHour; hour <= endHour; hour++)for(let minute = 0; minute < 60; minute += interval){
-        const timeValue = 60 * hour + minute;
-        const label = format.replace("HH", hour.toString().padStart(2, "0")).replace("mm", minute.toString().padStart(2, "0"));
+        const hourStr = hour.toString().padStart(2, "0");
+        const minuteStr = minute.toString().padStart(2, "0");
+        const timeValue = format.replace("HH", hourStr).replace("mm", minuteStr);
         options.push({
-            label,
+            label: timeValue,
             value: timeValue
         });
     }

package/dist/TimePickerSelect/index_module.css

@@ -7,7 +7,7 @@
 }
 
 .selectLabel-j8XQLR {
-  color: #000000d9;
+  color: var(--color-text-1);
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
   font-size: 14px;
   font-weight: normal;
@@ -19,26 +19,23 @@
 }
 
 .timePickerSelect_select-xuD_LK .arco-select-view {
-  background-color: #fff;
-  border: 1px solid #d9d9d9;
-  border-radius: 2px;
   min-height: 32px;
   padding: 4px 12px;
   transition: all .2s;
 }
 
 .timePickerSelect_select-xuD_LK .arco-select-view:hover {
-  border-color: #40a9ff;
+  border-color: rgb(var(--primary-5));
 }
 
 .timePickerSelect_select-xuD_LK .arco-select-view-focused {
-  border-color: #1890ff;
-  box-shadow: 0 0 0 2px #1890ff33;
+  border-color: rgb(var(--primary-6));
+  box-shadow: 0 0 0 2px var(--color-primary-light-2);
 }
 
 .timePickerSelect_select-xuD_LK .arco-select-view-disabled {
+  background-color: var(--color-fill-2);
   cursor: not-allowed;
-  background-color: #fafafa;
 }
 
 .timePickerSelect_select-xuD_LK .arco-select-view-selector {
@@ -49,12 +46,12 @@
 }
 
 .timePickerSelect_select-xuD_LK .arco-select-view-placeholder {
-  color: #00000073;
+  color: var(--color-text-3);
   font-size: 14px;
 }
 
 .timePickerSelect_select-xuD_LK .arco-select-arrow-icon {
-  color: #00000073;
+  color: var(--color-text-2);
   font-size: 16px;
   transition: transform .2s;
 }
@@ -64,13 +61,10 @@
 }
 
 .timePickerSelect_select-xuD_LK .arco-tag {
-  color: #000000d9;
-  background-color: #fafafa;
-  border: 1px solid #d9d9d9;
-  border-radius: 2px;
+  height: 24px;
+  color: var(--color-text-1);
   align-items: center;
   gap: 4px;
-  height: 24px;
   padding: 0 8px;
   font-size: 12px;
   display: inline-flex;
@@ -81,18 +75,18 @@
 }
 
 .timePickerSelect_select-xuD_LK .arco-tag .arco-tag-icon-hover {
-  color: #00000073;
-  justify-content: center;
-  align-items: center;
   width: 12px;
   height: 12px;
+  color: var(--color-text-2);
+  justify-content: center;
+  align-items: center;
   margin-left: 0;
   transition: color .2s;
   display: flex;
 }
 
 .timePickerSelect_select-xuD_LK .arco-tag .arco-tag-icon-hover:hover {
-  color: #000000a6;
+  color: var(--color-text-1);
 }
 
 .timePickerSelect_select-xuD_LK .arco-tag .arco-tag-icon-hover svg {
@@ -107,16 +101,16 @@
 }
 
 .dropdownContent-OfV283 {
-  background-color: #fff;
-  border: 1px solid #d9d9d9;
-  border-radius: 2px;
+  background-color: var(--color-bg-2);
+  border: 1px solid var(--color-border-2);
+  border-radius: var(--border-radius-small);
+  box-shadow: var(--shadow2-down);
   min-width: 320px;
   padding: 8px;
-  box-shadow: 0 2px 8px #0000001a;
 }
 
 .dropdownHeader-nILpAL {
-  border-bottom: 1px solid #fafafa;
+  border-bottom: 1px solid var(--color-border-1);
   justify-content: space-between;
   align-items: center;
   height: 32px;
@@ -138,19 +132,19 @@
 }
 
 .dropdownHeader-nILpAL .selectAll-H78Ezl .selectAllText-XhWUCP {
-  color: #1890ff;
+  color: rgb(var(--primary-6));
   font-size: 14px;
 }
 
 .dropdownHeader-nILpAL .clearBtn-aUkoKx {
-  color: #00000073;
+  color: var(--color-text-3);
   cursor: pointer;
   font-size: 14px;
   transition: color .2s;
 }
 
 .dropdownHeader-nILpAL .clearBtn-aUkoKx:hover {
-  color: #1890ff;
+  color: rgb(var(--primary-6));
 }
 
 .optionsGrid-aFw9nI {
@@ -161,7 +155,7 @@
 }
 
 .optionCheckbox-FLZ7GF {
-  border-radius: 2px;
+  border-radius: var(--border-radius-small);
   align-items: center;
   height: 32px;
   margin: 0;
@@ -171,12 +165,12 @@
 }
 
 .optionCheckbox-FLZ7GF:hover {
-  background-color: #fafafa;
+  background-color: var(--color-fill-2);
 }
 
 .optionCheckbox-FLZ7GF .arco-checkbox-inner {
-  border-color: #d9d9d9;
-  border-radius: 2px;
+  border-radius: var(--border-radius-small);
+  border-color: var(--color-border-2);
   width: 16px;
   height: 16px;
 }
@@ -190,8 +184,8 @@
 }
 
 .optionCheckbox-FLZ7GF.optionCheckboxSelected-FFTvH6 .arco-checkbox-inner {
-  background-color: #1890ff;
-  border-color: #1890ff;
+  background-color: rgb(var(--primary-6));
+  border-color: rgb(var(--primary-6));
 }
 
 .optionCheckbox-FLZ7GF.optionCheckboxDisabled-lcXcnC {
@@ -200,8 +194,8 @@
 }
 
 .optionCheckbox-FLZ7GF.optionCheckboxDisabled-lcXcnC .arco-checkbox-inner {
-  background-color: #fafafa;
-  border-color: #d9d9d9;
+  background-color: var(--color-fill-2);
+  border-color: var(--color-border-2);
 }
 
 .optionCheckbox-FLZ7GF .arco-checkbox-text {
@@ -209,7 +203,7 @@
 }
 
 .optionLabel-KSY4BV {
-  color: #000000d9;
+  color: var(--color-text-1);
   user-select: none;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
   font-size: 14px;
@@ -224,11 +218,11 @@
 }
 
 .optionsGrid-aFw9nI::-webkit-scrollbar-thumb {
-  background: #d9d9d9;
+  background: var(--color-border-2);
   border-radius: 3px;
 }
 
 .optionsGrid-aFw9nI::-webkit-scrollbar-thumb:hover {
-  background: #00000073;
+  background: var(--color-text-3);
 }
 

package/dist/TimePickerSelect/interface.d.ts

@@ -4,8 +4,8 @@
 export interface TimeOption {
     /** 选项标签 */
     label: string;
-    /** 选项值 */
-    value: string | number;
+    /** 选项值（时间字符串，如 "00:00"） */
+    value: string;
     /** 是否禁用 */
     disabled?: boolean;
 }
@@ -15,12 +15,12 @@ export interface TimeOption {
 export interface TimePickerSelectProps {
     /** 时间选项列表 */
     options?: TimeOption[];
-    /** 选中的值（受控模式） */
-    value?: string[] | number[];
+    /** 选中的值（受控模式），时间字符串数组，如 ["00:00", "00:30"] */
+    value?: string[];
     /** 默认选中的值（非受控模式） */
-    defaultValue?: string[] | number[];
+    defaultValue?: string[];
     /** 选中的值改变时的回调 */
-    onChange?: (value: string[] | number[], options: TimeOption[]) => void;
+    onChange?: (value: string[], options: TimeOption[]) => void;
     /** 占位符文本 */
     placeholder?: string;
     /** 是否禁用 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@publishfx/publish-components",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "description": "A React UI component library for the Publish platform, including ActionButton component",
   "type": "module",
   "keywords": [