@yoka-ui/ui 1.0.1

package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSCompare.d.ts

@@ -0,0 +1,16 @@
+import { Dayjs } from 'dayjs';
+import React from 'react';
+type DateValue = Dayjs | null;
+type RangeValue = [DateValue, DateValue] | null;
+export interface YkRangeDateWithVSCompareProps {
+    timeType: string;
+    rangeDate: [DateValue, DateValue];
+    originDate: RangeValue;
+    dayLine: number;
+    disableCompare?: boolean;
+    onChange: (value: {
+        rangeDate: RangeValue;
+    }) => void;
+}
+declare const YkRangeDateWithVSCompare: React.FC<YkRangeDateWithVSCompareProps>;
+export default YkRangeDateWithVSCompare;

package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSCompare.js

@@ -0,0 +1,193 @@
+// src/components/YkRangeDateWithVS/YkRangeDateWithVSCompare.tsx
+import { DatePicker, Tooltip } from "antd";
+import datePickerZhCN from "antd/es/date-picker/locale/zh_CN";
+import classNames from "classnames";
+import dayjs from "dayjs";
+import React, { useEffect, useState } from "react";
+import YkRangeDateWithVSSelect from "./YkRangeDateWithVSSelect";
+import styles from "./styles";
+var itemCheckIconClass = (className) => {
+  return classNames("iconfont", className, styles.active);
+};
+var shortcutClass = (v) => {
+  return classNames(
+    {
+      [styles.checked]: v
+    },
+    styles.ykRangeDateWithVsShortcutItem
+  );
+};
+var comparedOptions = [
+  { label: "前一日", value: 1, filter: ["date"] },
+  { label: "前一周", value: 7, filter: ["date", "week"] },
+  { label: "前一月", value: 30, filter: ["date", "week", "month"] },
+  { label: "自定义时间", value: "customize", filter: ["date", "week", "month"] }
+];
+var pickerMap = {
+  按自然周: "week",
+  按自然月: "month",
+  按周: "week",
+  按月: "month"
+};
+var YkRangeDateWithVSCompare = ({
+  timeType,
+  rangeDate,
+  originDate,
+  dayLine,
+  onChange,
+  disableCompare = false
+}) => {
+  const [hasDate, setHasDate] = useState(false);
+  const [dateOpen, setDateOpen] = useState(false);
+  const [cacheStartTime, setCacheStartTime] = useState(null);
+  const [comparedIndex, setComparedIndex] = useState(null);
+  const picker = pickerMap[timeType] || "date";
+  const options = comparedOptions.filter((v) => {
+    return v.filter.includes(picker);
+  }).map((v) => ({
+    label: v.label,
+    value: v.value
+  }));
+  useEffect(() => {
+    if (rangeDate && rangeDate[0] && rangeDate[1]) {
+      setHasDate(true);
+      setCacheStartTime(rangeDate[0]);
+    }
+  }, [rangeDate]);
+  useEffect(() => {
+    if (dateOpen && originDate && originDate[0] && cacheStartTime) {
+      const num = originDate[0].diff(cacheStartTime, "day");
+      setComparedIndex(
+        options.findIndex((v) => {
+          return v.value === num;
+        })
+      );
+    } else {
+      setComparedIndex(null);
+    }
+  }, [dateOpen]);
+  const checkDate = (n) => {
+    const arr = [null, null];
+    if (originDate && originDate[0] && originDate[1]) {
+      arr[0] = dayjs(originDate[0]).add(-n, "day");
+      dayjs(originDate[1]).add(-n) > dayjs().endOf("day") ? arr[1] = dayjs(originDate[1]) : arr[1] = dayjs(originDate[1]).add(-n, "day");
+    }
+    return arr;
+  };
+  const customFormat = (value) => {
+    const endTime = dayjs(value).add(dayLine, "day") > dayjs().endOf("day") ? dayjs().format("YYYY-MM-DD") : dayjs(value).add(dayLine, "day").format("YYYY-MM-DD");
+    return `${dayjs(value).format("YYYY-MM-DD")} ~ ${endTime}`;
+  };
+  const dateRender = (panelNode) => {
+    return /* @__PURE__ */ React.createElement("div", { className: styles.ykRangeDateWithVsGroup }, /* @__PURE__ */ React.createElement("div", { className: styles.ykRangeDateWithVsShortcut }, /* @__PURE__ */ React.createElement("div", { className: styles.ykRangeDateWithVsShortcutContent }, options.filter((v) => v.value !== "customize").map((v, i) => /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        onClick: () => {
+          const arr = checkDate(Number(v.value));
+          setComparedIndex(i);
+          if (arr[0]) {
+            const endTime = arr[0].add(dayLine, "day") > dayjs().endOf("day") ? dayjs() : arr[0].add(dayLine, "day");
+            onChange({
+              rangeDate: [arr[0], endTime]
+            });
+          }
+          setDateOpen(false);
+        },
+        key: v.label,
+        className: shortcutClass(comparedIndex === i)
+      },
+      v.label
+    )))), /* @__PURE__ */ React.createElement("div", null, panelNode));
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: styles.globalMl }, hasDate ? /* @__PURE__ */ React.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React.createElement("i", { className: classNames("iconfont icon-duibi", styles.globalDuibiIcon) }), /* @__PURE__ */ React.createElement("div", { className: classNames(styles.globalMl, styles.globalItem, styles.globalItemChecked) }, /* @__PURE__ */ React.createElement("i", { className: itemCheckIconClass("") }), /* @__PURE__ */ React.createElement(
+    DatePicker,
+    {
+      locale: datePickerZhCN,
+      classNames: {
+        popup: {
+          root: styles.globalItemDatePanel
+        }
+      },
+      getPopupContainer: (triggerNode) => triggerNode.parentNode,
+      disabledDate: (current) => {
+        return current && current > dayjs().endOf("day");
+      },
+      picker,
+      value: cacheStartTime,
+      open: dateOpen,
+      placeholder: "开始日期",
+      className: styles.globalItemDateSingle,
+      variant: "borderless",
+      showNow: false,
+      allowClear: false,
+      suffixIcon: false,
+      panelRender: dateRender,
+      format: customFormat,
+      onChange: (val) => {
+        setCacheStartTime(val);
+        const endTime = val.add(dayLine, "day") > dayjs().endOf("day") ? dayjs() : val.add(dayLine, "day");
+        onChange({
+          rangeDate: [val, endTime]
+        });
+      },
+      onOpenChange: (flag) => {
+        setDateOpen(flag);
+      }
+    }
+  ), /* @__PURE__ */ React.createElement("div", { className: styles.globalItemDateDel }, /* @__PURE__ */ React.createElement(
+    "i",
+    {
+      className: classNames("iconfont icon-guanbi2"),
+      onClick: (e) => {
+        e.stopPropagation();
+        onChange({ rangeDate: [null, null] });
+        setHasDate(false);
+        setCacheStartTime(null);
+      }
+    }
+  )))) : /* @__PURE__ */ React.createElement(
+    YkRangeDateWithVSSelect,
+    {
+      options,
+      disabled: disableCompare,
+      onChange: (v) => {
+        switch (v.value) {
+          case "customize":
+            setHasDate(true);
+            setDateOpen(true);
+            break;
+          default:
+            const arr = checkDate(Number(v.value));
+            onChange({ rangeDate: arr });
+            break;
+        }
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      Tooltip,
+      {
+        placement: "top",
+        title: disableCompare ? "日期对比不支持细分" : picker === "month" ? "实际数据为选择的日期所在月份的整月数据" : null,
+        color: "#fff",
+        styles: {
+          body: {
+            color: "#333"
+          }
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames(styles.globalMl, styles.globalItem, disableCompare ? styles.globalDisabled : "")
+        },
+        /* @__PURE__ */ React.createElement("i", { className: itemCheckIconClass("icon-jiahao2") }),
+        /* @__PURE__ */ React.createElement("div", null, "日期对比")
+      )
+    )
+  ));
+};
+var YkRangeDateWithVSCompare_default = YkRangeDateWithVSCompare;
+export {
+  YkRangeDateWithVSCompare_default as default
+};
+//# sourceMappingURL=YkRangeDateWithVSCompare.js.map

package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSCompare.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/YkRangeDateWithVS/YkRangeDateWithVSCompare.tsx"],
+  "sourcesContent": ["import type { DatePickerProps } from 'antd';\nimport { DatePicker, Tooltip } from 'antd';\nimport datePickerZhCN from 'antd/es/date-picker/locale/zh_CN';\nimport classNames from 'classnames';\nimport dayjs, { Dayjs } from 'dayjs';\nimport React, { useEffect, useState } from 'react';\nimport YkRangeDateWithVSSelect from './YkRangeDateWithVSSelect';\nimport styles from './styles';\ntype DateValue = Dayjs | null;\ntype RangeValue = [DateValue, DateValue] | null;\ntype optionsType = {\n  label: string;\n  value: number | string;\n  filter: string[];\n};\n\nconst itemCheckIconClass = (className: string) => {\n  return classNames('iconfont', className, styles.active);\n};\nconst shortcutClass = (v: boolean) => {\n  return classNames(\n    {\n      [styles.checked]: v,\n    },\n    styles.ykRangeDateWithVsShortcutItem,\n  );\n};\n\nexport interface YkRangeDateWithVSCompareProps {\n  timeType: string;\n  rangeDate: [DateValue, DateValue];\n  originDate: RangeValue;\n  dayLine: number;\n  disableCompare?: boolean;\n  onChange: (value: { rangeDate: RangeValue }) => void;\n}\n\nconst comparedOptions: optionsType[] = [\n  { label: '前一日', value: 1, filter: ['date'] },\n  { label: '前一周', value: 7, filter: ['date', 'week'] },\n  { label: '前一月', value: 30, filter: ['date', 'week', 'month'] },\n  { label: '自定义时间', value: 'customize', filter: ['date', 'week', 'month'] },\n];\nconst pickerMap: {\n  [key: string]: 'date' | 'week' | 'month';\n} = {\n  按自然周: 'week',\n  按自然月: 'month',\n  按周: 'week',\n  按月: 'month',\n};\n\nconst YkRangeDateWithVSCompare: React.FC<YkRangeDateWithVSCompareProps> = ({\n  timeType,\n  rangeDate,\n  originDate,\n  dayLine,\n  onChange,\n  disableCompare = false,\n}) => {\n  const [hasDate, setHasDate] = useState(false);\n  const [dateOpen, setDateOpen] = useState(false);\n  const [cacheStartTime, setCacheStartTime] = useState<DateValue | null>(null);\n  const [comparedIndex, setComparedIndex] = useState<number | null>(null);\n  const picker = pickerMap[timeType] || 'date';\n  const options = comparedOptions\n    .filter((v) => {\n      return v.filter.includes(picker);\n    })\n    .map((v) => ({\n      label: v.label,\n      value: v.value,\n    }));\n\n  useEffect(() => {\n    if (rangeDate && rangeDate[0] && rangeDate[1]) {\n      setHasDate(true);\n      setCacheStartTime(rangeDate[0]);\n    }\n  }, [rangeDate]);\n\n  useEffect(() => {\n    if (dateOpen && originDate && originDate[0] && cacheStartTime) {\n      const num = originDate[0].diff(cacheStartTime, 'day');\n      setComparedIndex(\n        options.findIndex((v) => {\n          return v.value === num;\n        }),\n      );\n    } else {\n      setComparedIndex(null);\n    }\n  }, [dateOpen]);\n\n  const checkDate = (n: number) => {\n    const arr: [DateValue, DateValue] = [null, null];\n    if (originDate && originDate[0] && originDate[1]) {\n      arr[0] = dayjs(originDate[0]).add(-n, 'day');\n      dayjs(originDate[1]).add(-n) > dayjs().endOf('day')\n        ? (arr[1] = dayjs(originDate[1]))\n        : (arr[1] = dayjs(originDate[1]).add(-n, 'day'));\n    }\n    return arr;\n  };\n\n  const customFormat: DatePickerProps['format'] = (value) => {\n    const endTime =\n      dayjs(value).add(dayLine, 'day') > dayjs().endOf('day')\n        ? dayjs().format('YYYY-MM-DD')\n        : dayjs(value).add(dayLine, 'day').format('YYYY-MM-DD');\n    return `${dayjs(value).format('YYYY-MM-DD')} ~ ${endTime}`;\n  };\n\n  const dateRender = (panelNode: React.ReactNode) => {\n    return (\n      <div className={styles.ykRangeDateWithVsGroup}>\n        <div className={styles.ykRangeDateWithVsShortcut}>\n          <div className={styles.ykRangeDateWithVsShortcutContent}>\n            {options\n              .filter((v) => v.value !== 'customize')\n              .map((v, i) => (\n                <span\n                  onClick={() => {\n                    const arr = checkDate(Number(v.value));\n                    setComparedIndex(i);\n                    if (arr[0]) {\n                      const endTime =\n                        arr[0].add(dayLine, 'day') > dayjs().endOf('day') ? dayjs() : arr[0].add(dayLine, 'day');\n                      onChange({\n                        rangeDate: [arr[0], endTime],\n                      });\n                    }\n                    setDateOpen(false);\n                  }}\n                  key={v.label}\n                  className={shortcutClass(comparedIndex === i)}\n                >\n                  {v.label}\n                </span>\n              ))}\n          </div>\n        </div>\n        <div>{panelNode}</div>\n      </div>\n    );\n  };\n\n  return (\n    <div className={styles.globalMl}>\n      {hasDate ? (\n        <div style={{ display: 'flex' }}>\n          <i className={classNames('iconfont icon-duibi', styles.globalDuibiIcon)} />\n          <div className={classNames(styles.globalMl, styles.globalItem, styles.globalItemChecked)}>\n            <i className={itemCheckIconClass('')} />\n            <DatePicker\n              locale={datePickerZhCN}\n              classNames={{\n                popup: {\n                  root: styles.globalItemDatePanel,\n                },\n              }}\n              getPopupContainer={(triggerNode) => triggerNode.parentNode as HTMLElement}\n              disabledDate={(current) => {\n                return current && current > dayjs().endOf('day');\n              }}\n              picker={picker}\n              value={cacheStartTime}\n              open={dateOpen}\n              placeholder='开始日期'\n              className={styles.globalItemDateSingle}\n              variant='borderless'\n              showNow={false}\n              allowClear={false}\n              suffixIcon={false}\n              panelRender={dateRender}\n              format={customFormat}\n              onChange={(val) => {\n                setCacheStartTime(val);\n                const endTime = val.add(dayLine, 'day') > dayjs().endOf('day') ? dayjs() : val.add(dayLine, 'day');\n                onChange({\n                  rangeDate: [val, endTime],\n                });\n              }}\n              onOpenChange={(flag: boolean) => {\n                setDateOpen(flag);\n              }}\n            />\n            <div className={styles.globalItemDateDel}>\n              <i\n                className={classNames('iconfont icon-guanbi2')}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onChange({ rangeDate: [null, null] });\n                  setHasDate(false);\n                  setCacheStartTime(null);\n                }}\n              ></i>\n            </div>\n          </div>\n        </div>\n      ) : (\n        <YkRangeDateWithVSSelect\n          options={options}\n          disabled={disableCompare}\n          onChange={(v) => {\n            switch (v.value) {\n              case 'customize':\n                setHasDate(true);\n                setDateOpen(true);\n                // setIsFocus(true);\n                break;\n              default:\n                const arr = checkDate(Number(v.value));\n                onChange({ rangeDate: arr });\n                break;\n            }\n          }}\n        >\n          <Tooltip\n            placement='top'\n            title={\n              disableCompare\n                ? '日期对比不支持细分'\n                : picker === 'month'\n                  ? '实际数据为选择的日期所在月份的整月数据'\n                  : null\n            }\n            color='#fff'\n            styles={{\n              body: {\n                color: '#333',\n              },\n            }}\n          >\n            <div\n              className={classNames(styles.globalMl, styles.globalItem, disableCompare ? styles.globalDisabled : '')}\n            >\n              <i className={itemCheckIconClass('icon-jiahao2')} />\n              <div>日期对比</div>\n            </div>\n          </Tooltip>\n        </YkRangeDateWithVSSelect>\n      )}\n    </div>\n  );\n};\n\nexport default YkRangeDateWithVSCompare;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSRange.d.ts

@@ -0,0 +1,31 @@
+import type { DatePickerProps } from 'antd';
+import { Dayjs } from 'dayjs';
+import React, { type ReactNode } from 'react';
+type DateValue = Dayjs | null;
+type RangeValue = [DateValue, DateValue] | null;
+export type YkRangeDateWithVSRangeProps = {
+    timeType: string;
+    rangeDate: RangeValue;
+    timeOptions: string[];
+    dateCompare: boolean;
+    onChange: (value: {
+        timeType: string;
+        rangeDate: RangeValue;
+    }) => void;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    disabledDate?: DatePickerProps['disabledDate'];
+    presetsOptions?: {
+        label: string;
+        value: () => [Dayjs, Dayjs];
+    }[];
+    /** 1: 运营节点 2: 广告节点 */
+    milestoneFilterType?: 1 | 2;
+    /** 项目节点列表（日历侧栏与日期标记） */
+    milestone?: ProjectNodeItem[];
+    /** 节假日（与里程碑一并用于日期 cell 标记） */
+    holidays?: ProjectNodeItem[];
+    /** 自定义主区间输入框展示文案（string / ReactNode）；传入后默认日期格式文案由覆盖层展示，仍通过面板改期 */
+    rangeDisplayLabel?: ReactNode;
+};
+declare const YkRangeDateWithVSRange: React.FC<YkRangeDateWithVSRangeProps>;
+export default YkRangeDateWithVSRange;