@swiftcrab/crab 0.0.4 → 0.0.5

package/es/hour-panel/style/style.js

@@ -1,351 +0,0 @@
-import e from'styled-components';var r=e.div`
-  .hour-panel {
-    /* CSS 变量 */
-    --color-brand: #1677ff;
-    --color-brand-light: #69b1ff;
-    --color-border: #f0f0f0;
-    --border-radius: 0;
-    --font-size: 14px;
-    --font-color: rgba(0, 0, 0, 0.88);
-    --input-small-height: 12px;
-    --color-red: #ff4d4f;
-  }
-
-  /* ==================== 边框模式 ==================== */
-  .hour-panel-border {
-    border: 1px solid var(--color-border);
-    padding: 16px;
-    border-radius: var(--border-radius);
-  }
-
-  /* ==================== 禁用模式 ==================== */
-  .hour-panel-disabled {
-    opacity: 0.45;
-    cursor: not-allowed;
-    user-select: none;
-  }
-
-  .hour-panel-disabled *,
-  .hour-panel-disabled *::before,
-  .hour-panel-disabled *::after {
-    cursor: not-allowed !important;
-    pointer-events: none;
-  }
-
-  /* ==================== 日期范围选择器 ==================== */
-  .hour-panel-range-header {
-    display: flex;
-    justify-content: flex-end;
-    margin-bottom: 12px;
-  }
-
-  .hour-panel-range-picker {
-    width: auto;
-  }
-
-  /* ==================== 快捷操作 ==================== */
-  .hour-panel-quick-ops {
-    display: flex;
-    align-items: center;
-  }
-
-  .hour-panel-quick-label {
-    color: rgba(0, 0, 0, 0.45);
-    margin-right: 12px;
-    margin-left: 16px;
-  }
-
-  .hour-panel-quick-radio {
-    margin-right: 24px;
-  }
-
-  /* ==================== 时段区域 ==================== */
-  .hour-panel-period {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-    padding-top: 16px;
-    overflow-y: auto;
-  }
-
-  .hour-panel-period .hour-panel-row {
-    list-style: none;
-    margin: 0;
-    padding: 16px 0;
-    border-bottom: 1px solid var(--color-border);
-    display: flex;
-    flex-wrap: nowrap;
-    position: relative;
-  }
-
-  .hour-panel-period .hour-panel-row::before,
-  .hour-panel-period .hour-panel-row::after {
-    display: table;
-    content: "";
-  }
-
-  .hour-panel-period .hour-panel-row::after {
-    clear: both;
-  }
-
-  .hour-panel-period .hour-panel-row:last-child {
-    border-bottom: none;
-  }
-
-  /* ==================== 全选按钮区域 ==================== */
-  .hour-panel-all {
-    position: relative;
-    height: 36px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    border-radius: var(--border-radius);
-    user-select: none;
-  }
-
-  .hour-panel-all-tip {
-    position: absolute;
-    top: -18px;
-    width: 100%;
-    height: 18px;
-    line-height: 18px;
-    text-align: center;
-    color: rgba(0, 0, 0, 0.45);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    padding: 0 4px;
-  }
-
-  .hour-panel-all-btn {
-    font-size: var(--font-size);
-    padding: 0 16px;
-    border-radius: 12px;
-  }
-
-  .hour-panel-all-text {
-    width: 100%;
-    font-size: var(--font-size);
-    color: rgba(0, 0, 0, 0.65);
-    height: var(--input-small-height);
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  /* ==================== 时间格子 ==================== */
-  .hour-panel-cell {
-    position: relative;
-    height: 36px;
-    text-align: center;
-    color: rgba(0, 0, 0, 0.45);
-    line-height: 20px;
-    font-weight: bold;
-    font-family: Tahoma;
-    flex-shrink: 0;
-  }
-
-  .hour-panel-cell-pointer {
-    cursor: pointer;
-  }
-
-  .hour-panel-cell-readonly {
-    cursor: default;
-  }
-
-  .hour-panel-cell-milestone .hour-panel-cell-line {
-    height: 16px;
-  }
-
-  .hour-panel-cell-selected .hour-panel-cell-inner::before,
-  .hour-panel-cell-selected .hour-panel-cell-inner::after {
-    background-color: var(--color-brand);
-  }
-
-  .hour-panel-cell-selected .hour-panel-cell-line .hour-panel-cell-info {
-    color: #fff;
-  }
-
-  .hour-panel-cell-inner {
-    position: relative;
-    height: 36px;
-  }
-
-  .hour-panel-cell-inner::before {
-    opacity: 0.1;
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: transparent;
-  }
-
-  .hour-panel-cell-inner::after {
-    content: "";
-    position: absolute;
-    top: -16px;
-    left: 0;
-    width: 100%;
-    height: 16px;
-    background-color: transparent;
-  }
-
-  .hour-panel-cell-line {
-    position: absolute;
-    top: 13px;
-    left: 0;
-    width: 0;
-    height: 10px;
-    border-left: 1px solid var(--color-brand-light);
-  }
-
-  .hour-panel-cell-line .hour-panel-cell-info {
-    position: absolute;
-    top: -31px;
-    left: 50%;
-    width: 40px;
-    margin-left: -20px;
-    color: var(--color-brand-light);
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    user-select: none;
-  }
-
-  .hour-panel-cell-last .hour-panel-cell-line .hour-panel-cell-info {
-    color: var(--color-brand-light);
-  }
-
-  /* ==================== 选中起止标记 ==================== */
-  .hour-panel-line-start,
-  .hour-panel-line-end {
-    position: absolute;
-    top: 0;
-    width: 0;
-    height: 36px;
-    border-left: 1px solid var(--color-brand);
-  }
-
-  .hour-panel-line-start::before,
-  .hour-panel-line-end::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: -3px;
-    width: 0;
-    height: 0;
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-    border-top: 4px solid var(--color-brand);
-  }
-
-  .hour-panel-line-start .hour-panel-line-info,
-  .hour-panel-line-end .hour-panel-line-info {
-    position: absolute;
-    top: -16px;
-    left: -12px;
-    width: 24px;
-    height: 16px;
-    background-color: var(--color-brand);
-    color: #fff;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 2px;
-    white-space: nowrap;
-  }
-
-  .hour-panel-line-start {
-    left: 0;
-  }
-
-  .hour-panel-line-end {
-    right: -1px;
-  }
-
-  .hour-panel-line-hide {
-    display: none;
-  }
-
-  .hour-panel-line-info-text {
-    font-size: 20px;
-    transform: scale(0.5);
-    display: inline-block;
-  }
-
-  /* ==================== 选中区域提示文字 ==================== */
-  .hour-panel-tips {
-    position: absolute;
-    top: 26px;
-    height: 16px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: none;
-    z-index: 2;
-    overflow: hidden;
-  }
-
-  .hour-panel-tips .hour-panel-tips-text {
-    display: inline-block;
-    color: var(--color-brand);
-    font-size: 12px;
-    font-weight: normal;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
-    padding: 0 4px;
-    user-select: none;
-  }
-
-  /* ==================== 底部操作区 ==================== */
-  .hour-panel-oper {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    padding-top: 16px;
-    min-height: 24px;
-    border-top: 1px solid var(--color-border);
-  }
-
-  .hour-panel-oper::before,
-  .hour-panel-oper::after {
-    display: table;
-    content: "";
-  }
-
-  .hour-panel-oper::after {
-    clear: both;
-  }
-
-  .hour-panel-oper-clear {
-    font-size: var(--font-size);
-    padding: 0 16px;
-    border-radius: 12px;
-  }
-
-  .hour-panel-oper-error {
-    display: inline-flex;
-    align-items: center;
-    gap: 4px;
-    height: var(--input-small-height);
-    color: var(--color-red);
-  }
-
-  .hour-panel-oper-error .hour-panel-oper-error-icon {
-    font-size: 14px;
-    color: var(--color-red);
-  }
-
-  .hour-panel-oper-tip {
-    margin-left: auto;
-    display: inline-flex;
-    align-items: center;
-    height: var(--input-small-height);
-    color: var(--font-color);
-  }
-`;export{r as HourPanelWrapper};

package/es/hour-panel/types.d.ts

@@ -1,145 +0,0 @@
-import type { ReactNode } from 'react';
-/** 选择模式 */
-export type MuxHourMode = 'common' | 'day' | 'range';
-/** 选中时间段配置 */
-export interface IMuxHourTimeSegment {
-    /** 选中的小时数组，如 [2, 3, 4] */
-    time: number[];
-    /** 选中时间段的颜色，默认使用主题色 */
-    color?: string;
-    /** 选中时间段的提示信息，显示在选中区域竖线上方，超出部分省略 */
-    tips?: ReactNode;
-    /** 当前时间段是否不可取消 */
-    readonly?: boolean;
-}
-/** 选中项 */
-export interface IMuxHourSelected {
-    /** 周几组合，1-7 的任意组合，如 [1, 2, 3, 4, 5] */
-    week: number[];
-    /** 日期（range 模式下使用，格式 YYYY-MM-DD） */
-    date?: string;
-    /** 周几名称，如 '周一' */
-    name?: string;
-    /** 选中的时间段数组 */
-    times: IMuxHourTimeSegment[];
-}
-export interface IMuxHourGroupColor {
-    /** 时间段，0-24 的任意组合，如 [1, 2, 3, 4, 5] */
-    time: number[];
-    /** 自定义当前时间段的颜色 */
-    color?: string;
-}
-/** 自定义分组（对象形式） */
-export interface IMuxHourGroup {
-    /** 分组文案 */
-    text?: string;
-    /** 周几组合，1-7 的任意组合，如 [1, 2, 3, 4, 5] */
-    value: number[];
-    /** 自定义色值数组，可批量为指定时间段配置颜色 */
-    colors?: IMuxHourGroupColor[];
-}
-/** 分组配置，支持简单数组或对象数组 */
-export type MuxHourGroups = IMuxHourGroup[];
-/** 校验结果 */
-export interface IMuxHourCheckResult {
-    /** 是否校验通过 */
-    ok: boolean;
-    /** 校验结果信息 */
-    msg: string;
-    /** 当前选中结果 */
-    data: IMuxHourSelected[];
-}
-/** 内部时段数据 */
-export interface IHourPeriod {
-    name: string;
-    weeks: string[];
-    hours: IHourCell[];
-    selected: boolean;
-    /** 日期（range 模式下使用，格式 YYYY-MM-DD） */
-    date?: string;
-}
-/** 内部小时格子数据 */
-export interface IHourCell {
-    index: number;
-    indexNext: number;
-    showText: boolean;
-    showNextText: boolean;
-    milestone: boolean;
-    zIndex: number;
-    selected: boolean;
-    firstSelected: boolean;
-    endSelected: boolean;
-    color?: string;
-    /** 当前格子所属时间段的提示信息 */
-    tips?: ReactNode;
-    /** 当前格子是否不可取消选中 */
-    readonly?: boolean;
-}
-/** 快捷操作类型 */
-export interface IHourQuickType {
-    text: string;
-    value: string;
-}
-export interface IMuxHourProps {
-    /** 当前选中值（受控） */
-    value?: IMuxHourSelected[];
-    /** 默认选中值（非受控） */
-    defaultValue?: IMuxHourSelected[];
-    /** 选择模式，'common' 只区分工作日和双休日，'day' 每日单独选择，'range' 按日期范围选择 */
-    mode?: MuxHourMode;
-    /** 自定义分组信息 */
-    groups?: MuxHourGroups;
-    /** 右下角提示文案 */
-    tip?: ReactNode;
-    /** 开始时间，默认 0 */
-    min?: number;
-    /** 结束时间，默认 24 */
-    max?: number;
-    /** 单格步长，默认 1 */
-    step?: number;
-    /** 是否隐藏小数文本 */
-    hideDecimalText?: boolean;
-    /** 只读模式 */
-    readonly?: boolean;
-    /** 禁用模式，与只读逻辑相同，但会有置灰效果 */
-    disabled?: boolean;
-    /** 是否需要边框 + 背景色 */
-    border?: boolean;
-    /** 是否要求每日选择结果为连续的时间段 */
-    continuous?: boolean;
-    /** 每日可选择最小时段个数 */
-    minLength?: number;
-    /** 每日可选择最大时段个数 */
-    maxLength?: number;
-    /** 自定义错误校验提示 */
-    errorTip?: string;
-    /** 选择项发生变化且校验通过时触发 */
-    onChange?: (selected: IMuxHourSelected[]) => void;
-    /** 鼠标右键点击已选中的时间段时触发 */
-    onContextMenu?: (selected: IMuxHourSelected, e: React.MouseEvent) => void;
-    /** 自定义类名 */
-    className?: string;
-    /** 是否显示日期范围选择器（仅在 mode='range' 下生效） */
-    showDateRange?: boolean;
-    /** 时间段区域最大高度，默认 600 */
-    maxHeight?: number;
-    /** 是否显示全选按钮 */
-    hasAllBtn?: boolean;
-    /** 是否显示清空按钮 */
-    hasClearBtn?: boolean;
-    /** 是否显示重置按钮 */
-    hasResetBtn?: boolean;
-    /** 是否显示快捷操作 */
-    hasQuick?: boolean;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-}
-/** 通过 ref 暴露的实例方法 */
-export interface MuxHourRef {
-    /** 忽略校验，直接获取选中结果 */
-    val: () => IMuxHourSelected[];
-    /** 获取选中值及校验结果 */
-    check: () => IMuxHourCheckResult;
-}
-export declare const QUICK_TYPES: IHourQuickType[];
-export declare const WeekMap: Record<string, string>;

package/es/hour-panel/types.js

@@ -1 +0,0 @@
-var e=[{text:"\u5168\u65E5\u7A0B",value:"1234567"},{text:"\u5DE5\u4F5C\u65E5",value:"12345"},{text:"\u53CC\u4F11\u65E5",value:"67"}],o={1:"\u5468\u4E00",2:"\u5468\u4E8C",3:"\u5468\u4E09",4:"\u5468\u56DB",5:"\u5468\u4E94",6:"\u5468\u516D",7:"\u5468\u65E5"};export{e as QUICK_TYPES,o as WeekMap};

package/es/hour-panel/utils.d.ts

@@ -1,31 +0,0 @@
-import { IHourCell, IHourPeriod, IMuxHourCheckResult, IMuxHourSelected, IMuxHourTimeSegment, MuxHourGroups, MuxHourMode } from './types';
-/** 将 selected 数组转为 week/date -> 选中小时索引的映射 */
-export declare function buildSelectedMap(selected: IMuxHourSelected[], mode?: MuxHourMode): Record<string, string[]>;
-/** 将 selected 数组转为 week/date -> 时间段配置的映射 */
-export declare function buildSegmentMap(selected: IMuxHourSelected[], mode?: MuxHourMode): Record<string, IMuxHourTimeSegment[]>;
-/** 根据参数构建小时格子列表 */
-export declare function buildHours(min: number, max: number, step: number, hideDecimalText: boolean): Omit<IHourCell, 'selected' | 'firstSelected' | 'endSelected' | 'color'>[];
-/** 获取当前日期所在周的起止日期 */
-export declare function getCurrentWeekRange(): [string, string];
-/** 获取日期范围内的所有日期 */
-export declare function getDatesInRange(startDate: string, endDate: string): string[];
-/** 将 groups 配置解析为时段列表 */
-export declare function parseGroups(groups: MuxHourGroups | undefined, mode: MuxHourMode | undefined, dateRange?: [string, string]): {
-    name: string;
-    weeks: string[];
-    date?: string;
-}[];
-/** 同步时段数据：标记首尾选中状态、全选状态 */
-export declare function syncPeriods(periods: IHourPeriod[]): IHourPeriod[];
-/** 构建完整的时段数据 */
-export declare function buildPeriods(groups: MuxHourGroups | undefined, mode: MuxHourMode | undefined, selected: IMuxHourSelected[], min: number, max: number, step: number, hideDecimalText: boolean, dateRange?: [string, string]): IHourPeriod[];
-/** 深拷贝时段数据 */
-export declare function clonePeriods(periods: IHourPeriod[]): IHourPeriod[];
-/** 将连续选中的格子按相同属性聚合成时间段配置 */
-export declare function buildSegmentsFromHours(hours: IHourCell[]): IMuxHourTimeSegment[];
-/** 根据指定下标获取其所在的选中时间段片段 */
-export declare function buildSegmentFromHour(hours: IHourCell[], hourIndex: number): IMuxHourTimeSegment[];
-/** 获取当前选中结果 */
-export declare function getVal(periods: IHourPeriod[], mode?: MuxHourMode): IMuxHourSelected[];
-/** 校验选中结果 */
-export declare function checkVal(periods: IHourPeriod[], continuous: boolean, minLength: number, maxLength: number, customErrorTip?: string, mode?: MuxHourMode): IMuxHourCheckResult;

package/es/hour-panel/utils.js

@@ -1 +0,0 @@
-import H from'dayjs';var d={1:"\u5468\u4E00",2:"\u5468\u4E8C",3:"\u5468\u4E09",4:"\u5468\u56DB",5:"\u5468\u4E94",6:"\u5468\u516D",7:"\u5468\u65E5"};function T(n,s){let e={},t=s==="range";return n.forEach(o=>{let r=(o.times||[]).flatMap(u=>(u.time||[]).map(l=>l+""));if(t){let u=o.date||o.week.join("");e[u]=r;}else o.week.forEach(u=>{e[u+""]=r;});}),e}function G(n,s){let e={},t=s==="range";return n.forEach(o=>{let r=o.times||[];if(t){let u=o.date||o.week.join("");e[u]=r;}else o.week.forEach(u=>{e[u+""]=r;});}),e}function P(n,s,e,t){let o=[];for(let r=n;r<s;r+=e)o.push({index:r,showText:!t||r%1===0,indexNext:r+e,showNextText:!t||(r+e)%1===0,milestone:r%6===0,zIndex:r/e+10});return o}var S="YYYY-MM-DD";function v(){let n=H(),s=n.startOf("week").add(1,"day"),e=n.endOf("week").add(1,"day");return [s.format(S),e.format(S)]}function E(n,s){let e=[],t=H(n),o=H(s);for(;t.isBefore(o)||t.isSame(o,"day");)e.push(t.format(S)),t=t.add(1,"day");return e}function N(n,s,e){if(n&&n.length>0)return typeof n[0]=="object"?n.map(o=>{let r=o.value.map(u=>u+"");return {name:o.text||"",weeks:r}}):n.map(o=>{let r=o.value.map(l=>l+"");return {name:r.length>1?`${d[r[0]]}\u81F3${d[r[r.length-1]]}`:d[r[0]],weeks:r}});let t=s;if(t||(t="common"),t==="day")return [1,2,3,4,5,6,7].map(o=>({name:d[o+""],weeks:[o+""]}));if(t==="range"){let[o,r]=e&&e[0]&&e[1]?e:v();return E(o,r).map(u=>{let l=(H(u).day()||7)+"";return {name:d[l],weeks:[u],date:u}})}return [{name:"\u5468\u4E00\u81F3\u5468\u4E94",weeks:["1","2","3","4","5"]},{name:"\u5468\u516D\u81F3\u5468\u65E5",weeks:["6","7"]}]}function j(n){return n.forEach(s=>{let e=s.hours,t=true;for(let o=0;o<e.length;o++){let r=e[o],u=e[o-1],l=e[o+1];r.firstSelected=false,r.endSelected=false,r.selected&&((u&&!u.selected||!u)&&(r.firstSelected=true),(l&&!l.selected||!l)&&(r.endSelected=true)),t=t&&r.selected;}s.selected=t;}),n}function q(n,s,e,t,o,r,u,l){let i=s==="range",M=T(e,s),m=G(e,s),c=N(n,s,l),f=P(t,o,r,u),a=null;n&&n.length>0&&typeof n[0]=="object"&&(a=n);let p=c.map((x,h)=>{let k=i&&x.date||x.weeks[0],y=M[k]||[],w=m[k]||[],R=f.map((g,Y)=>{let I=w.find(b=>(b.time||[]).map(C=>C+"").includes(g.index+""));return {...g,selected:y.indexOf(g.index+"")>-1,firstSelected:false,endSelected:false,color:I?.color??a?.[h]?.colors?.find(b=>b.time.includes(g.index))?.color,tips:I?.tips,readonly:I?.readonly}});return {name:x.name,weeks:x.weeks,date:x.date,hours:R,selected:false}});return j(p)}function J(n){return n.map(s=>({...s,hours:s.hours.map(e=>({...e}))}))}function O(n){let s=[],e=null;return n.forEach(t=>{if(!t.selected){e&&(s.push(e),e=null);return}!e||e.color!==t.color||e.tips!==t.tips||e.readonly!==t.readonly?(e&&s.push(e),e={time:[t.index],color:t.color,tips:t.tips,readonly:t.readonly}):e.time.push(t.index);}),e&&s.push(e),s}function X(n,s){let e=n[s];if(!e||!e.selected)return [];let t=u=>u.selected&&u.color===e.color&&u.tips===e.tips&&u.readonly===e.readonly,o=s;for(;o>0&&t(n[o-1]);)o--;let r=s;for(;r<n.length-1&&t(n[r+1]);)r++;return [{time:n.slice(o,r+1).map(u=>u.index),color:e.color,tips:e.tips,readonly:e.readonly}]}function D(n,s){let e=s==="range",t=[];return n.forEach(o=>{let r=O(o.hours);if(e){let u=o.date?[H(o.date).day()||7]:o.weeks.map(l=>+l);t.push({week:u,date:o.date,name:o.name,times:r});}else o.weeks.forEach(u=>{t.push({week:[+u],name:d[u],times:r});});}),t}function Z(n,s,e,t,o,r){let u=D(n,r),l=[];for(let m=0;m<u.length;m++){let c=[],f=u[m].times.flatMap(a=>a.time||[]);f.forEach(a=>{let p=c.length;p===0?c.push(a):c[p-1]+1===a?c[p-1]=a:c.push(a);}),(e>0&&f.length<e||t>0&&f.length>t||s&&c.length>1)&&l.push(u[m].name||"");}let i="",M=l.length===0;return M||(o?i=o:(i=`\u8BF7\u4E3A${l.join("\u3001")}\u9009\u62E9`,e>0&&(i+=`\u81F3\u5C11 ${e} \u4E2A`),t>0&&(i+=`\u81F3\u591A ${t} \u4E2A`),s&&(i+="\u8FDE\u7EED\u7684"),i+="\u65F6\u6BB5")),{ok:M,msg:i,data:u}}export{P as buildHours,q as buildPeriods,X as buildSegmentFromHour,G as buildSegmentMap,O as buildSegmentsFromHours,T as buildSelectedMap,Z as checkVal,J as clonePeriods,v as getCurrentWeekRange,E as getDatesInRange,D as getVal,N as parseGroups,j as syncPeriods};

package/es/icon/index.d.ts

@@ -1,2 +0,0 @@
-declare const Icon: React.FC;
-export default Icon;

package/es/icon/index.js

@@ -1 +0,0 @@
-import*as e from'react';import'rc-util/lib/warning';e.createContext({});var n=()=>null,c=n;export{c as default};

package/es/image/PreviewGroup.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import type { GroupConsumerProps } from 'rc-image/lib/PreviewGroup';
-export declare const icons: {
-    rotateLeft: React.JSX.Element;
-    rotateRight: React.JSX.Element;
-    zoomIn: React.JSX.Element;
-    zoomOut: React.JSX.Element;
-    close: React.JSX.Element;
-    left: React.JSX.Element;
-    right: React.JSX.Element;
-    flipX: React.JSX.Element;
-    flipY: React.JSX.Element;
-};
-declare const InternalPreviewGroup: React.FC<GroupConsumerProps>;
-export default InternalPreviewGroup;