@ledvance/group-ui-biz-bundle 1.0.39 → 1.0.40

package/package.json

@@ -4,7 +4,7 @@
   "name": "@ledvance/group-ui-biz-bundle",
   "pid": [],
   "uiid": "",
-  "version": "1.0.39",
+  "version": "1.0.40",
   "scripts": {},
   "dependencies": {
     "@ledvance/base": "^1.x",

package/src/modules/fixedTimeForPlug/FixedTimeForPlugActon.ts

@@ -0,0 +1,114 @@
+/**
+ * 循环定时：最大 10 个定时功能。每 10 个字节代表含义如下：
+ *
+ * 第 1 个字节：通道号。bit0 代表开关，bit7-bit1 代表通道号。
+ * 第 2 个字节：星期。00：单次，01：周日，02：周一，04：周二，08：周三，10：周四，20：周五，40：周六。
+ * 第 3 个字节和第 4 个字节：起始时间。单位：分钟。
+ * 第 5 个字节和第 6 个字节：结束时间。单位：分钟。
+ * 第 7 个字节和第 8 个字节：开启时间。单位：分钟。
+ * 第 9 个字节和第 10 个字节：关闭时间。单位：分钟。
+ */
+
+import {useFeatureHook} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import { Buffer } from "buffer";
+
+
+export interface FixedTimeParam {
+  channels: string[],
+  is24Hour?: boolean
+}
+
+export interface FixedTimeItem {
+  enable: boolean
+  channel?: number
+  weeks: number[]
+  startTime: number
+  endTime: number
+  onTime: number
+  offTime: number
+  name?: string
+  index?: number
+}
+
+interface PlugConfig {
+  cycleTime: FixedTimeItem[]
+}
+
+export function useFixedTime() {
+  return useFeatureHook<PlugConfig, FixedTimeItem[]>('cycleTime', [], (val) => fixedTimeItemsToBase64(val))
+}
+// @ts-ignore
+const fixedTimeItemsFromBase64 = (base64Str: string): FixedTimeItem[] => {
+  const buffer = Buffer.from(base64Str, 'base64');
+
+  const items: FixedTimeItem[] = [];
+
+  for (let i = 0; i < buffer.length; i += 10) {
+    const enable = (buffer[i] & 0x01) === 1;
+    const channel = (buffer[i] >> 1) & 0x7F;
+
+    const week = buffer[i + 1];
+    const weeks: number[] = [
+      (week & 0b00000001) >> 0,
+      (week & 0b00000010) >> 1,
+      (week & 0b00000100) >> 2,
+      (week & 0b00001000) >> 3,
+      (week & 0b00010000) >> 4,
+      (week & 0b00100000) >> 5,
+      (week & 0b01000000) >> 6,
+      (week & 0b10000000) >> 7,
+    ];
+
+    const startTime = (buffer[i + 2] << 8) | buffer[i + 3];
+    const endTime = (buffer[i + 4] << 8) | buffer[i + 5];
+    const onTime = (buffer[i + 6] << 8) | buffer[i + 7];
+    const offTime = (buffer[i + 8] << 8) | buffer[i + 9];
+
+    items.push({
+      enable,
+      channel,
+      weeks,
+      startTime,
+      endTime,
+      onTime,
+      offTime,
+      name: `FixedTime ${items.length}`,
+      index: items.length
+    });
+  }
+
+  return items;
+}
+
+export const fixedTimeItemsToBase64 = (items: FixedTimeItem[]): string => {
+  const buffer = new Uint8Array(10 * items.length);
+
+  items.forEach((item, index) => {
+    const offset = index * 10;
+
+    // Byte 1: Channel (bit0: enable, bit7-bit1: channel)
+    buffer[offset] = (item.enable ? 1 : 0) | ((item.channel ?? 0) << 1);
+
+    // Byte 2: Weeks
+    buffer[offset + 1] = item.weeks.reduce((acc, bit, i) => acc | (bit << i), 0);
+
+    // Byte 3-4: Start time
+    buffer[offset + 2] = (item.startTime >> 8) & 0xFF;
+    buffer[offset + 3] = item.startTime & 0xFF;
+
+    // Byte 5-6: End time
+    buffer[offset + 4] = (item.endTime >> 8) & 0xFF;
+    buffer[offset + 5] = item.endTime & 0xFF;
+
+    // Byte 7-8: On time
+    buffer[offset + 6] = (item.onTime >> 8) & 0xFF;
+    buffer[offset + 7] = item.onTime & 0xFF;
+
+    // Byte 9-10: Off time
+    buffer[offset + 8] = (item.offTime >> 8) & 0xFF;
+    buffer[offset + 9] = item.offTime & 0xFF;
+  });
+
+  return Buffer.from(buffer).toString('base64');
+}
+

package/src/modules/fixedTimeForPlug/FixedTimeForPlugDetailPage.tsx

@@ -0,0 +1,350 @@
+import React, {useEffect, useMemo} from "react";
+import Page from "@ledvance/base/src/components/Page";
+import {TimerPicker, Utils} from "tuya-panel-kit";
+import dayjs from "dayjs";
+import {FixedTimeItem, FixedTimeParam} from "./FixedTimeForPlugActon";
+import {useReactive, useUpdateEffect} from "ahooks";
+import {cloneDeep, isEqual} from "lodash";
+import {loopText, showDialog} from "@ledvance/base/src/utils/common";
+import I18n from "@ledvance/base/src/i18n/index";
+import {useNavigation, useRoute} from '@react-navigation/native'
+import res from "@ledvance/base/src/res/index";
+import {Image, ScrollView, StyleSheet, Text, TouchableOpacity, View} from "react-native";
+import LdvTopName from "@ledvance/base/src/components/ldvTopName";
+import TextField from "@ledvance/base/src/components/TextField";
+import LdvWeekView from "@ledvance/base/src/components/weekSelect";
+import Spacer from "@ledvance/base/src/components/Spacer";
+import Summary from "./Summary";
+import {parseHour12} from "@tuya/tuya-panel-lamp-sdk/lib/utils";
+import DeleteButton from "@ledvance/base/src/components/DeleteButton";
+import LdvPickerView from "@ledvance/base/src/components/ldvPickerView";
+
+const {parseTimer} = Utils.TimeUtils
+const {convertX: cx} = Utils.RatioUtils;
+
+interface FixedTimeDetailParam extends FixedTimeParam {
+  mode: 'add' | 'edit',
+  item: FixedTimeItem,
+  onPost: (mode: 'add' | 'edit' | 'del', item: FixedTimeItem, goBack?: boolean) => Promise<void>
+}
+
+const newFixedTimeItem = (): FixedTimeItem => {
+  const startTime = dayjs().hour() * 60 + dayjs().minute()
+  return {
+    enable: true,
+    channel: 0,
+    weeks: [0, 0, 0, 0, 0, 0, 0, 0],
+    startTime: startTime,
+    endTime: startTime + 60,
+    onTime: 1,
+    offTime: 1
+  }
+}
+
+const FixedTimeForPlugDetailPage = () => {
+  const navigation = useNavigation()
+  const params = useRoute().params as FixedTimeDetailParam
+  const state = useReactive({
+    item: params.mode === 'add' ? newFixedTimeItem() : cloneDeep(params.item),
+    onHour: '00',
+    onMinute: '01',
+    offHour: '00',
+    offMinute: '01',
+    loading: false
+  })
+
+  useEffect(() => {
+    const { onTime, offTime } = state.item
+    state.onHour = formatTime(Math.floor(onTime / 60))
+    state.onMinute = formatTime(onTime  % 60)
+    state.offHour = formatTime(Math.floor(offTime / 60))
+    state.offMinute = formatTime(offTime % 60)
+  }, []);
+
+  useUpdateEffect(() => {
+    if (state.onHour === '00' && state.onMinute === '00') {
+      state.onMinute = '01'
+    }
+    if (state.offHour === '00' && state.offMinute === '00') {
+      state.offMinute = '01'
+    }
+  }, [state.onHour, state.onMinute, state.offHour, state.offMinute])
+
+  const formatTime = (v: number) => {
+    return v.toString().padStart(2, '0')
+  }
+
+  const parseTime = (h: string, m: string) => {
+    return Number(h) * 60 + Number(m)
+  }
+
+  const isTimeEffective = useMemo(() => {
+    const { startTime, endTime } = state.item
+    const timeInterval = endTime - startTime + ((startTime > endTime) ? 1440 : 0) // 跨天要加1440
+    const workTime = parseTime(state.onHour, state.onMinute) + parseTime(state.offHour, state.offMinute)
+    return timeInterval >= workTime
+  }, [state.item.startTime, state.item.endTime, state.onHour, state.onMinute, state.offHour, state.offMinute])
+
+  const canSave = useMemo(() => {
+    return state.item.name && state.item.name.length < 33 && state.item.channel !== undefined && isTimeEffective
+  }, [state.item.name, state.item.channel, isTimeEffective])
+
+  const showConfirm = useMemo(() => {
+    return params.mode === 'edit' && !isEqual(state.item, params.item)
+  }, [JSON.stringify(state.item), JSON.stringify(params.item)])
+
+  const onSave = async () => {
+    if (!canSave) {
+      return
+    }
+    const item = cloneDeep(state.item)
+    item.onTime = parseTime(state.onHour, state.onMinute)
+    item.offTime = parseTime(state.offHour, state.offMinute)
+    await params.onPost(params.mode, item, true);
+  }
+
+  const onDelete = () => {
+    return showDialog({
+      method: 'confirm',
+      title: I18n.getLang('cancel_dialog_delete_item_fixedtimecycle_titel'),
+      subTitle: I18n.getLang('cancel_dialog_delete_item_fixedtimecycle_description'),
+      onConfirm: async (_, {close}) => {
+        close()
+        await params.onPost('del', state.item, true)
+      }
+    })
+  }
+  return (
+    <Page
+      backText={I18n.getLang('fixedTimeCycle_socket_headline')}
+      onBackClick={!showConfirm ? navigation.goBack : undefined}
+      rightButtonIcon={canSave ? res.ic_check : res.ic_uncheck}
+      rightButtonDisabled={state.loading}
+      loading={state.loading}
+      showBackDialog={showConfirm}
+      backDialogTitle={I18n.getLang('cancel_dialog_leave_unsaved_titel')}
+      backDialogContent={I18n.getLang('cancel_dialog_delete_item_fixedtimecycle_description')}
+      rightButtonIconClick={onSave}
+    >
+      <ScrollView nestedScrollEnabled={true}>
+        <LdvTopName
+          title={I18n.getLang(params.mode === 'add' ? 'add_fixedtimecycle_headline_text' : 'edit_fixedtimecycle_headline_text')}/>
+        <TextField
+          style={styles.cardContainer}
+          value={state.item.name}
+          showError={(state.item.name?.length || 0) > 32}
+          maxLength={33}
+          errorText={I18n.getLang('add_new_dynamic_mood_alert_text')}
+          placeholder={I18n.getLang('add_new_trigger_time_inputfield_value_text')}
+          onChangeText={(t: string) => {
+            state.item.name = t;
+          }}
+        />
+        {/* pick */}
+        <TimerPicker
+          itemTextColor='#aeadb5'
+          style={{paddingVertical: cx(0), marginVertical: cx(0)}}
+          is12Hours={!params.is24Hour}
+          startTime={state.item.startTime}
+          endTime={state.item.endTime}
+          onTimerChange={(startTime, endTime) => {
+            state.item.startTime = startTime
+            state.item.endTime = endTime
+          }}/>
+        <LdvWeekView
+          value={state.item.weeks}
+          style={styles.cardContainer}
+          onSelect={(index: number) => {
+            const rawIndex = index - 1
+            state.item.weeks[rawIndex] = state.item.weeks[rawIndex] === 1 ? 0 : 1
+          }}/>
+        <Spacer/>
+        <Text style={styles.cardContainer}>{loopText(state.item.weeks, parseTimer(state.item.startTime * 60))}</Text>
+        <Spacer/>
+        {/*Apply for */}
+        <View style={styles.cardContainer}>
+          <Text style={styles.itemTitle}>{I18n.getLang('timeschedule_add_schedule_subheadline_text')}</Text>
+          <Spacer height={cx(10)}/>
+          <View style={styles.applyContent}>
+            {state.item.channel === undefined ?
+              <Text>{I18n.getLang('timer_ceiling_fan_selectionfield_no_components_text')}</Text> :
+              <View style={[styles.applyItem, {marginBottom: cx(10), borderRadius: 4}]}>
+                <Text style={{color: '#000'}}>{params.channels[state.item.channel]}</Text>
+                {params.channels.length > 1 && <TouchableOpacity
+                    onPress={() => {
+                      state.item.channel = undefined
+                    }}
+                    style={{paddingHorizontal: cx(5)}}>
+                    <Image style={{width: cx(16), height: cx(16)}} source={res.ic_arrows_nav_clear}/>
+                </TouchableOpacity>}
+              </View>
+            }
+          </View>
+          {params.channels.map((item: string, index: number) => {
+            if (state.item.channel === index) {
+              return null
+            }
+            return (
+              <TouchableOpacity
+                style={styles.applyItem}
+                key={item}
+                onPress={() => {
+                  state.item.channel = index
+                }}
+              >
+                <Text style={{color: '#000'}}>{item}</Text>
+                <Image style={{width: cx(16), height: cx(16)}} source={res.device_panel_timer_add}/>
+              </TouchableOpacity>
+            )
+          })}
+        </View>
+        <Spacer/>
+        <View style={styles.cardContainer}>
+          <Text style={styles.itemTitle}>{I18n.getLang('timeschedule_add_schedule_subheadline4_text')}</Text>
+          {!isTimeEffective && <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+              <Image style={{ width: cx(16), height: cx(16), tintColor: 'rgb(255,149,0)' }} source={res.ic_warning_amber} />
+              <Text style={{ fontSize: cx(12), color: 'rgb(255,149,0)' }}>{I18n.getLang('addTimeCycle_warning_text')}</Text>
+          </View>}
+          <View >
+            <Text style={{ color: '#000', marginVertical: cx(10) }}>{I18n.getLang('addTimeCycle_settings_sec_text')}</Text>
+            <LdvPickerView
+              hour={state.onHour}
+              minute={state.onMinute}
+              unit={['h', 'min']}
+              setHour={(h: string) => state.onHour = h}
+              setMinute={(m: string) => state.onMinute = m}
+            />
+          </View>
+          <View>
+            <Text style={{ color: '#000', marginVertical: cx(10) }}>{I18n.getLang('addTimeCycle_settings_sec_text2')}</Text>
+            <LdvPickerView
+              hour={state.offHour}
+              minute={state.offMinute}
+              unit={['h', 'min']}
+              setHour={(h: string) => state.offHour = h}
+              setMinute={(m: string) => state.offMinute = m}
+            />
+          </View>
+        </View>
+        <Spacer/>
+        {/* summary */}
+        <Summary
+          frequency={loopText(state.item.weeks)}
+          time={params.is24Hour ?
+            `${parseTimer(state.item.startTime * 60)} - ${parseTimer(state.item.endTime * 60)}`
+            :
+            `${parseHour12(state.item.startTime * 60)} - ${parseHour12(state.item.endTime * 60)}`
+          }
+          actions={<View style={{ flex: 1 }}>
+            <>
+              <View>
+                <Text style={{ fontSize: cx(12), color: '#000000' }}>
+                  {I18n.formatValue('feature_summary_action_txt_4', `${Number(state.onHour)}`, `${Number(state.onMinute)}`)}
+                </Text>
+              </View>
+              <View style={{ flexDirection: 'row' }}>
+                <View style={styles.filletCorner}>
+                  <Text style={styles.rightTitle}>{params.channels?.length > 0 && params.channels[0]}</Text>
+                </View>
+              </View>
+            </>
+            <>
+              <View>
+                <Text style={{ fontSize: cx(12), color: '#000000' }}>
+                  {I18n.formatValue('feature_summary_action_txt_6', `${Number(state.offHour)}`, `${Number(state.offMinute)}`)}
+                </Text>
+              </View>
+              <View style={{ flexDirection: 'row' }}>
+                <View style={styles.filletCorner}>
+                  <Text style={styles.rightTitle}>{params.channels?.length > 0 && params.channels[0]}</Text>
+                </View>
+              </View>
+            </>
+          </View>}
+        />
+        <Spacer/>
+        {params.mode === 'edit' &&
+            <View style={{marginHorizontal: cx(24)}}>
+                <DeleteButton
+                    text={I18n.getLang('edit_fixedtimecycle_bttn_text')}
+                    onPress={onDelete}/>
+            </View>
+        }
+        <Spacer/>
+      </ScrollView>
+    </Page>
+  )
+}
+
+const styles = StyleSheet.create({
+  cardContainer: {
+    marginHorizontal: cx(24)
+  },
+  itemTitle: {
+    color: '#000',
+    fontSize: cx(16),
+    fontWeight: 'bold',
+    fontFamily: 'helvetica_neue_lt_std_bd',
+  },
+  applyContent: {
+    backgroundColor: '#f6f6f6',
+    borderRadius: 4,
+    minHeight: cx(55),
+    flex: 1,
+    justifyContent: 'center',
+    paddingHorizontal: cx(10),
+    paddingTop: cx(10)
+  },
+  applyItem: {
+    paddingLeft: cx(5),
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    backgroundColor: '#fff',
+    height: cx(35),
+  },
+  summaryContainer: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    marginBottom: cx(10)
+  },
+  summaryLeft: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+  },
+  summaryImg: {
+    width: cx(12),
+    height: cx(12),
+    marginRight: cx(6)
+  },
+  leftTitle: {
+    fontSize: cx(14),
+    color: '#000'
+  },
+  summaryRight: {
+    flexDirection: 'column',
+    marginLeft: cx(21),
+    borderRadius: cx(16),
+    backgroundColor: '#cbcbcb',
+  },
+  rightItem: {
+    paddingHorizontal: cx(12),
+    color: '#000',
+  },
+  rightTitle: {
+    paddingLeft: cx(12),
+    paddingRight: cx(12),
+    fontSize: cx(10),
+    textAlign: 'center',
+    alignSelf: 'flex-start'
+  },
+  filletCorner: {
+    flexDirection: 'row',
+    backgroundColor: '#cbcbcb',
+    borderRadius: cx(16),
+    alignSelf: 'flex-start'
+  }
+})
+
+export default FixedTimeForPlugDetailPage

package/src/modules/fixedTimeForPlug/FixedTimeForPlugPage.tsx

@@ -0,0 +1,194 @@
+import React, {useCallback, useMemo} from "react";
+import {FlatList, Image, ScrollView, StyleSheet, Text, TouchableOpacity, View} from 'react-native'
+import {useNavigation, useRoute} from '@react-navigation/native'
+import Page from "@ledvance/base/src/components/Page";
+import I18n from "@ledvance/base/src/i18n";
+import res from "@ledvance/base/src/res";
+import {useDeviceInfo} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import {FixedTimeItem, FixedTimeParam, useFixedTime} from "./FixedTimeForPlugActon";
+import {useReactive} from "ahooks";
+import {ui_biz_routerKey} from "../../navigation/Routers";
+import {cloneDeep} from "lodash";
+import Spacer from "@ledvance/base/src/components/Spacer";
+import {Utils} from "tuya-panel-kit";
+import ItemCard from "./ItemCard";
+
+const {convertX: cx, topBarHeight} = Utils.RatioUtils;
+const MAX_NUM = 10
+
+const FixedTimeForPlugPage = () => {
+  const devInfo = useDeviceInfo()
+  const navigation = useNavigation()
+  const params = useRoute().params as FixedTimeParam
+  const [fixedTimeList, setFixedTimeList] = useFixedTime()
+  const state = useReactive({
+    loading: false
+  })
+
+  const isMaxNum = useMemo(() => {
+    return fixedTimeList.length >= MAX_NUM
+  }, [fixedTimeList])
+
+  const onAddOrEditItem = (mode: 'add' | 'edit', item?: FixedTimeItem) => {
+    const path = ui_biz_routerKey.group_ui_biz_fixed_time_plug_detail
+    navigation.navigate(path, {
+      ...params,
+      mode,
+      item,
+      onPost
+    })
+  }
+
+  const onPost = useCallback(async (mode: 'add' | 'edit' | 'del', fixedTime: FixedTimeItem, goBack?: boolean) => {
+    state.loading = true
+    const cloneFixedTimeList = cloneDeep(fixedTimeList)
+    const idx = fixedTimeList.findIndex(it => it.index === fixedTime.index)
+    if (mode === 'edit') {
+      cloneFixedTimeList.splice(idx, 1, fixedTime)
+    }
+    if (mode === 'del') cloneFixedTimeList.splice(idx, 1)
+    const newFixedTimeList = mode === 'add' ? [...fixedTimeList, {
+      ...fixedTime,
+      index: fixedTimeList.length
+    }] : cloneFixedTimeList
+    const res = await setFixedTimeList(newFixedTimeList)
+    state.loading = false
+    if (res.success && goBack) {
+      navigation.goBack()
+    }
+  }, [fixedTimeList])
+
+  const renderList = () => {
+    return (
+      <ScrollView nestedScrollEnabled={true}>
+        <Text style={{
+          color: '#000',
+          marginLeft: cx(24),
+        }}>{I18n.getLang('timeschedule_overview_description_text')}</Text>
+        <Spacer height={cx(10)}/>
+        {isMaxNum && <View style={{marginHorizontal: cx(24), flexDirection: 'row'}}>
+            <Image style={{width: cx(16), height: cx(16), tintColor: '#ff9500'}} source={res.ic_warning_amber}/>
+            <Text>{I18n.getLang('randomtimecycle_warning_max_number_text')}</Text>
+        </View>}
+        <FlatList
+          data={fixedTimeList}
+          renderItem={({item}) => (
+            <ItemCard
+              item={item}
+              is24Hour={params.is24Hour}
+              onSwitch={async (v) => {
+                await onPost('edit', {
+                  ...item,
+                  enable: v,
+                })
+              }}
+              onPress={() => {
+                onAddOrEditItem('edit', item)
+              }}
+            />
+          )}
+          keyExtractor={(item: any) => `${item?.index}`}
+          ItemSeparatorComponent={() => <Spacer/>}
+          ListHeaderComponent={<Spacer height={cx(10)}/>}
+          ListFooterComponent={<Spacer/>}
+        />
+      </ScrollView>
+    )
+  }
+  const renderEmpty = () => {
+    return (
+      <View style={styles.emptyListCon}>
+        <Image
+          style={styles.emptyImage}
+          source={{uri: res.ldv_timer_empty}}
+          resizeMode="contain"/>
+        <View
+          style={{
+            marginHorizontal: cx(24),
+            marginTop: cx(30),
+            flexDirection: 'row',
+            alignItems: 'center',
+          }}
+        >
+          <Image
+            source={{uri: res.device_panel_schedule_alert}}
+            style={{width: cx(16), height: cx(16)}}
+          />
+          <Text style={styles.emptyNoTime}>{I18n.getLang('fixedTimeCycle_information_text')}</Text>
+        </View>
+        <View
+          style={{
+            height: cx(36),
+            width: cx(150),
+            marginVertical: cx(25),
+            marginHorizontal: cx(24),
+            borderRadius: cx(6),
+            backgroundColor: '#f60',
+          }}
+        >
+          <TouchableOpacity
+            style={{
+              flex: 1,
+              justifyContent: 'center',
+              alignItems: 'center',
+            }}
+            onPress={() => onAddOrEditItem('add')}
+          >
+            <Text style={{fontSize: cx(12), fontWeight: 'bold', color: '#fff', textAlign: 'center'}}>
+              {I18n.getLang('fixedTimeCycle_bttn_text')}
+            </Text>
+          </TouchableOpacity>
+        </View>
+      </View>
+    )
+  }
+
+  return (
+    <Page
+      backText={devInfo.name}
+      onBackClick={() => navigation.goBack()}
+      headlineText={I18n.getLang('fixedTimeCycle_socket_headline')}
+      headlineIcon={!isMaxNum && res.device_panel_schedule_add || undefined}
+      onHeadlineIconClick={() => onAddOrEditItem('add')}
+      loading={state.loading}
+    >
+      {fixedTimeList.length > 0 ? renderList() : renderEmpty()}
+    </Page>
+  )
+}
+
+const styles = StyleSheet.create({
+  bg: {
+    marginTop: topBarHeight,
+    flex: 1,
+  },
+  emptyListCon: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginTop: cx(30),
+  },
+  emptyImage: {
+    width: cx(225),
+    height: cx(198)
+  },
+  emptyNoTime: {
+    fontSize: cx(12),
+    color: '#000'
+  },
+  emptyTimeTip: {
+    fontSize: cx(12),
+    lineHeight: cx(17),
+    marginTop: cx(6),
+    width: '76%',
+    textAlign: 'center'
+  },
+  listContainer: {
+    bottom: cx(74)
+  },
+  categoryList: {
+    marginHorizontal: cx(24),
+    marginBottom: cx(12),
+  },
+})
+
+export default FixedTimeForPlugPage