@koi-design/uxd-ui 12.1.36-beta.0

package/es/components/TimePicker/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from '../../utils/install.mjs';
+import TimePicker from './TimePicker.mjs';
+export { timePickerEmits, timePickerProps } from './TimePicker.type.mjs';
+
+const UTimePicker = withInstall(TimePicker);
+
+export { UTimePicker, UTimePicker as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/TimePicker/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/components/TimePicker/index.ts"],"sourcesContent":["import { withInstall } from '../../utils/install';\nimport TimePicker from './TimePicker.vue';\n\nexport const UTimePicker = withInstall(TimePicker);\n\nexport default UTimePicker;\n\nexport * from './TimePicker.type';\n"],"names":[],"mappings":";;;;MAGa,cAAc,YAAY,UAAU;;;;"}

package/es/components/TimePicker/style/index.d.ts

@@ -0,0 +1 @@
+import '@koi-design/uxd-ui/styles/components/timePicker/index.less';

package/es/components/TimePicker/style/index.mjs

@@ -0,0 +1,2 @@
+import '@koi-design/uxd-ui/styles/components/timePicker/index.less';
+//# sourceMappingURL=index.mjs.map

package/es/components/TimePicker/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/TimePicker/utils.d.ts

@@ -0,0 +1,24 @@
+import type { Dayjs } from 'dayjs';
+import type { DisabledTimeObject } from '../DatePicker/DatePicker.type';
+export declare const generateShowWhat: (format: string) => {
+    showHour: boolean;
+    showMinute: boolean;
+    showSecond: boolean;
+};
+export declare const generateOptions: (length: number, disabledOptions: number[], hideDisabledOptions: boolean, step?: number) => number[];
+export declare const formatOptions: (option: number, disabledOptions: number[]) => {
+    value: string;
+    disabled: boolean;
+};
+export declare const getTimeDisabledMethods: (disabledTime: DisabledTimeObject) => {
+    disabledHours: import("./TimePicker.type").DisabledHoursFunction | (() => number[]);
+    disabledMinutes: import("./TimePicker.type").DisabledMinutesFunction | (() => number[]);
+    disabledSeconds: import("./TimePicker.type").DisabledSecondsFunction | (() => number[]);
+};
+export declare const isTimeDisabled: (value: Dayjs, disabledTime: DisabledTimeObject) => number;
+export interface StepObject {
+    hourStep: number;
+    minuteStep: number;
+    secondStep: number;
+}
+export declare const fixTime: (time: Dayjs, disabledTime: DisabledTimeObject, step: StepObject, invert?: boolean) => Dayjs;

package/es/components/TimePicker/utils.mjs

@@ -0,0 +1,107 @@
+const generateShowWhat = (format) => {
+  return {
+    showHour: format.indexOf("H") > -1 || format.indexOf("h") > -1 || format.indexOf("k") > -1,
+    showMinute: format.indexOf("m") > -1,
+    showSecond: format.indexOf("s") > -1
+  };
+};
+const generateOptions = (length, disabledOptions, hideDisabledOptions, step = 1) => {
+  const arr = [];
+  for (let i = 0; i < length; i += step) {
+    if (!disabledOptions || disabledOptions.indexOf(i) < 0 || !hideDisabledOptions) {
+      arr.push(i);
+    }
+  }
+  return arr;
+};
+const formatOptions = (option, disabledOptions) => {
+  let value = `${option}`;
+  if (option < 10) {
+    value = `0${option}`;
+  }
+  let disabled = false;
+  if (disabledOptions && disabledOptions.indexOf(option) >= 0) {
+    disabled = true;
+  }
+  return {
+    value,
+    disabled
+  };
+};
+const defaultDisabledTime = {
+  disabledHours() {
+    return [];
+  },
+  disabledMinutes() {
+    return [];
+  },
+  disabledSeconds() {
+    return [];
+  }
+};
+const getTimeDisabledMethods = (disabledTime) => {
+  return {
+    ...defaultDisabledTime,
+    ...disabledTime
+  };
+};
+const isTimeDisabled = (value, disabledTime) => {
+  const disabledTimeMethods = getTimeDisabledMethods(disabledTime);
+  let invalid = 0;
+  const hour = value.hour();
+  const minutes = value.minute();
+  const seconds = value.second();
+  const disabledHours = disabledTimeMethods.disabledHours();
+  if (disabledHours.indexOf(hour) === -1) {
+    const disabledMinutes = disabledTimeMethods.disabledMinutes(hour);
+    if (disabledMinutes.indexOf(minutes) === -1) {
+      const disabledSeconds = disabledTimeMethods.disabledSeconds(hour, minutes);
+      invalid = disabledSeconds.indexOf(seconds) > -1 ? 3 : 0;
+    } else {
+      invalid = 2;
+    }
+  } else {
+    invalid = 1;
+  }
+  return invalid;
+};
+const getMinEnable = (len, _disabledNumbers, step, invert = false) => {
+  const disabledNumbers = _disabledNumbers || [];
+  if (invert) {
+    for (let i = len - 1; i >= 0; i -= step) {
+      if (disabledNumbers.indexOf(i) === -1) {
+        return i;
+      }
+    }
+  } else {
+    for (let i = 0; i < len; i += step) {
+      if (disabledNumbers.indexOf(i) === -1) {
+        return i;
+      }
+    }
+  }
+  return 0;
+};
+const fixTime = (time, disabledTime, step, invert = false) => {
+  var _a, _b, _c, _d, _e, _f;
+  const invalid = isTimeDisabled(time, disabledTime);
+  if (invalid === 0) {
+    return time;
+  }
+  if (invalid === 1) {
+    const fixHour = getMinEnable(24, (_a = disabledTime.disabledHours) == null ? void 0 : _a.call(disabledTime), step.hourStep, invert);
+    const fixMinute = getMinEnable(60, (_b = disabledTime.disabledMinutes) == null ? void 0 : _b.call(disabledTime, fixHour), step.minuteStep, invert);
+    const fixSecond2 = getMinEnable(60, (_c = disabledTime.disabledSeconds) == null ? void 0 : _c.call(disabledTime, fixHour, fixMinute), step.secondStep, invert);
+    return time.hour(fixHour).minute(fixMinute).second(fixSecond2);
+  }
+  if (invalid === 2) {
+    const fixMinute = getMinEnable(60, (_d = disabledTime.disabledMinutes) == null ? void 0 : _d.call(disabledTime, time.hour()), step.minuteStep, invert);
+    const fixSecond2 = getMinEnable(60, (_e = disabledTime.disabledSeconds) == null ? void 0 : _e.call(disabledTime, time.hour(), fixMinute), step.secondStep, invert);
+    return time.minute(fixMinute).second(fixSecond2);
+  }
+  const fixSecond = getMinEnable(60, (_f = disabledTime.disabledSeconds) == null ? void 0 : _f.call(disabledTime, time.hour(), time.minute()), step.secondStep, invert);
+  return time.second(fixSecond);
+};
+
+export { fixTime, formatOptions, generateOptions, generateShowWhat, getTimeDisabledMethods, isTimeDisabled };
+//# sourceMappingURL=utils.mjs.map

package/es/components/TimePicker/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../src/components/TimePicker/utils.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport type { DisabledTimeObject } from '../DatePicker/DatePicker.type';\n\nexport const generateShowWhat = (format: string) => {\n  return {\n    showHour: format.indexOf('H') > -1 || format.indexOf('h') > -1 || format.indexOf('k') > -1,\n    showMinute: format.indexOf('m') > -1,\n    showSecond: format.indexOf('s') > -1\n  };\n};\n\nexport const generateOptions = (length: number, disabledOptions: number[], hideDisabledOptions: boolean, step = 1) => {\n  const arr = [];\n  for (let i = 0; i < length; i += step) {\n    if (!disabledOptions || disabledOptions.indexOf(i) < 0 || !hideDisabledOptions) {\n      arr.push(i);\n    }\n  }\n  return arr;\n};\n\nexport const formatOptions = (option: number, disabledOptions: number[]) => {\n  let value = `${option}`;\n  if (option < 10) {\n    value = `0${option}`;\n  }\n\n  let disabled = false;\n  if (disabledOptions && disabledOptions.indexOf(option) >= 0) {\n    disabled = true;\n  }\n\n  return {\n    value,\n    disabled\n  };\n};\n\nconst defaultDisabledTime = {\n  disabledHours() {\n    return [] as number[];\n  },\n  disabledMinutes() {\n    return [] as number[];\n  },\n  disabledSeconds() {\n    return [] as number[];\n  }\n};\n\nexport const getTimeDisabledMethods = (disabledTime: DisabledTimeObject) => {\n  return {\n    ...defaultDisabledTime,\n    ...disabledTime\n  };\n};\n\nexport const isTimeDisabled = (value: Dayjs, disabledTime: DisabledTimeObject) => {\n  const disabledTimeMethods = getTimeDisabledMethods(disabledTime);\n  let invalid = 0;\n  const hour = value.hour();\n  const minutes = value.minute();\n  const seconds = value.second();\n  const disabledHours = disabledTimeMethods.disabledHours();\n  if (disabledHours.indexOf(hour) === -1) {\n    const disabledMinutes = disabledTimeMethods.disabledMinutes(hour);\n    if (disabledMinutes.indexOf(minutes) === -1) {\n      const disabledSeconds = disabledTimeMethods.disabledSeconds(hour, minutes);\n      invalid = disabledSeconds.indexOf(seconds) > -1 ? 3 : 0;\n    } else {\n      invalid = 2;\n    }\n  } else {\n    invalid = 1;\n  }\n  return invalid;\n};\n\nconst getMinEnable = (len: number, _disabledNumbers: number[] | undefined, step: number, invert = false) => {\n  const disabledNumbers = _disabledNumbers || [];\n  if (invert) {\n    for (let i = len - 1; i >= 0; i -= step) {\n      if (disabledNumbers.indexOf(i) === -1) {\n        return i;\n      }\n    }\n  } else {\n    for (let i = 0; i < len; i += step) {\n      if (disabledNumbers.indexOf(i) === -1) {\n        return i;\n      }\n    }\n  }\n  return 0;\n};\n\nexport interface StepObject {\n  hourStep: number;\n  minuteStep: number;\n  secondStep: number;\n}\n\nexport const fixTime = (time: Dayjs, disabledTime: DisabledTimeObject, step: StepObject, invert = false) => {\n  const invalid = isTimeDisabled(time, disabledTime);\n  if (invalid === 0) {\n    return time;\n  }\n  if (invalid === 1) {\n    const fixHour = getMinEnable(24, disabledTime.disabledHours?.(), step.hourStep, invert);\n    const fixMinute = getMinEnable(60, disabledTime.disabledMinutes?.(fixHour), step.minuteStep, invert);\n    const fixSecond = getMinEnable(60, disabledTime.disabledSeconds?.(fixHour, fixMinute), step.secondStep, invert);\n    return time.hour(fixHour).minute(fixMinute).second(fixSecond);\n  }\n  if (invalid === 2) {\n    const fixMinute = getMinEnable(60, disabledTime.disabledMinutes?.(time.hour()), step.minuteStep, invert);\n    const fixSecond = getMinEnable(60, disabledTime.disabledSeconds?.(time.hour(), fixMinute), step.secondStep, invert);\n    return time.minute(fixMinute).second(fixSecond);\n  }\n  const fixSecond = getMinEnable(60, disabledTime.disabledSeconds?.(time.hour(), time.minute()), step.secondStep, invert);\n  return time.second(fixSecond);\n};\n"],"names":["fixSecond"],"mappings":"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"}

package/es/components/Timeline/Timeline.d.ts

@@ -0,0 +1,50 @@
+import type { VNode } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    pending: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    pendingDot: {
+        type: StringConstructor;
+    };
+    reverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mode: {
+        type: import("vue").PropType<"" | "alternate" | "left" | "right">;
+        default: string;
+        validator: (val: "" | "alternate" | "left" | "right") => boolean;
+    };
+}, {
+    prefixCls: import("vue").ComputedRef<string>;
+    pendingNode: import("vue").ComputedRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[] | (() => any)>;
+    pendingDotNode: import("vue").ComputedRef<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[] | import("vue/jsx-runtime").JSX.Element>;
+    getItemPosition: (el: VNode | 'GHOST_NODE', idx?: number) => "" | "left" | "right";
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    pending: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    pendingDot: {
+        type: StringConstructor;
+    };
+    reverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mode: {
+        type: import("vue").PropType<"" | "alternate" | "left" | "right">;
+        default: string;
+        validator: (val: "" | "alternate" | "left" | "right") => boolean;
+    };
+}>>, {
+    reverse: boolean;
+    pending: string | boolean;
+    mode: "" | "alternate" | "left" | "right";
+}, {}>;
+export default _default;

package/es/components/Timeline/Timeline.mjs

@@ -0,0 +1,129 @@
+import { isVNode, defineComponent, computed, createVNode, cloneVNode } from 'vue';
+import { UIcon } from '../Icon/index.mjs';
+import { ULineLoading } from '@koi-design/uxd-icon';
+import TimelineItem from './TimelineItem.mjs';
+import useGlobalConfig from '../base/hooks/useGlobalConfig.mjs';
+import { filterEmpty, getPropsData } from '../../utils/slots.mjs';
+import warning from '../../utils/warn.mjs';
+import { timelineProps } from './Timeline.type.mjs';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var Timeline = defineComponent({
+  name: "UTimeline",
+  props: timelineProps,
+  setup(props, {
+    slots
+  }) {
+    const {
+      prefixCls
+    } = useGlobalConfig("timeline");
+    const pendingNode = computed(() => {
+      var _a;
+      if (!props.pending) {
+        return () => null;
+      }
+      return ((_a = slots.pending) == null ? void 0 : _a.call(slots)) || (typeof props.pending === "boolean" ? "" : props.pending);
+    });
+    const pendingDotNode = computed(() => {
+      var _a;
+      return ((_a = slots.pendingNode) == null ? void 0 : _a.call(slots)) || props.pendingDot || createVNode(UIcon, {
+        "spin": true
+      }, {
+        default: () => [createVNode(ULineLoading, null, null)]
+      });
+    });
+    const getItemPosition = (el, idx) => {
+      var _a;
+      const defaultLength = filterEmpty((_a = slots.default) == null ? void 0 : _a.call(slots)).length;
+      if (props.mode === "left" || props.mode === "right") {
+        return props.mode;
+      }
+      if (props.mode === "alternate") {
+        if (el !== "GHOST_NODE") {
+          const elProps = getPropsData(el);
+          if (elProps.position === "right")
+            return "right";
+          if (elProps.position === "left")
+            return "left";
+        }
+        let order = idx || 0;
+        if (props.pending) {
+          if (props.reverse) {
+            if (el === "GHOST_NODE") {
+              order = 0;
+            } else {
+              order = idx + 1;
+            }
+          } else if (el === "GHOST_NODE") {
+            order = defaultLength;
+          }
+        }
+        return order % 2 === 0 ? "left" : "right";
+      }
+      return "";
+    };
+    return {
+      prefixCls,
+      pendingNode,
+      pendingDotNode,
+      getItemPosition
+    };
+  },
+  render() {
+    var _a, _b;
+    const {
+      prefixCls,
+      pending,
+      reverse,
+      mode,
+      pendingNode,
+      pendingDotNode,
+      getItemPosition
+    } = this;
+    const cls = [prefixCls, {
+      [`${prefixCls}-pending`]: !!pending,
+      [`${prefixCls}-reverse`]: reverse,
+      [`${prefixCls}-right`]: mode === "right",
+      [`${prefixCls}-alternate`]: mode === "alternate"
+    }];
+    let defaultChildren = filterEmpty((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)).filter((child) => {
+      if (!child.type._UUI_TIMELINE_ITEM) {
+        warning("UTimeline only accept UTimelineItem as child");
+        return false;
+      }
+      return true;
+    });
+    const pendingChild = createVNode(TimelineItem, {
+      "key": "GHOST_NODE",
+      "pending": !!pending,
+      "dot": pendingDotNode,
+      "position": getItemPosition("GHOST_NODE")
+    }, _isSlot(pendingNode) ? pendingNode : {
+      default: () => [pendingNode]
+    });
+    if (pending) {
+      defaultChildren.push(pendingChild);
+    }
+    if (reverse) {
+      defaultChildren = defaultChildren.reverse();
+    }
+    const lastClass = `${prefixCls}-item-last`;
+    const itemLength = defaultChildren.length;
+    const items = defaultChildren.map((el, idx) => {
+      const rewriteCls = idx === itemLength - 1 ? lastClass : "";
+      const position = getItemPosition(el, idx);
+      return cloneVNode(el, {
+        class: rewriteCls,
+        position
+      });
+    });
+    return createVNode("ul", {
+      "class": cls
+    }, [items]);
+  }
+});
+
+export { Timeline as default };
+//# sourceMappingURL=Timeline.mjs.map

package/es/components/Timeline/Timeline.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.mjs","sources":["../../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import { defineComponent, computed, cloneVNode } from 'vue';\nimport type { VNode } from 'vue';\nimport Icon from '@uxd-ui/components/Icon';\nimport { ULineLoading } from '@koi-design/uxd-icon';\nimport TimelineItem from './TimelineItem.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { filterEmpty, getPropsData } from '../../utils/slots';\nimport warn from '../../utils/warn';\nimport { timelineProps } from './Timeline.type';\n\nexport default defineComponent({\n  name: 'UTimeline',\n  props: timelineProps,\n  setup(props, { slots }) {\n    // prefixCls\n    const { prefixCls } = useGlobalConfig('timeline');\n\n    const pendingNode = computed(() => {\n      if (!props.pending) {\n        return () => null;\n      }\n      return slots.pending?.() || (typeof props.pending === 'boolean' ? '' : props.pending);\n    });\n\n    const pendingDotNode = computed(() => {\n      return (\n        slots.pendingNode?.() ||\n        props.pendingDot || (\n          <Icon spin>\n            <ULineLoading />\n          </Icon>\n        )\n      );\n    });\n\n    const getItemPosition = (el: VNode | 'GHOST_NODE', idx?: number) => {\n      const defaultLength = filterEmpty(slots.default?.()).length;\n      if (props.mode === 'left' || props.mode === 'right') {\n        return props.mode;\n      }\n      if (props.mode === 'alternate') {\n        if (el !== 'GHOST_NODE') {\n          const elProps = getPropsData(el);\n          if (elProps.position === 'right') return 'right';\n          if (elProps.position === 'left') return 'left';\n        }\n        let order = idx || 0;\n        if (props.pending) {\n          if (props.reverse) {\n            if (el === 'GHOST_NODE') {\n              order = 0;\n            } else {\n              order = (idx as number) + 1;\n            }\n          } else if (el === 'GHOST_NODE') {\n            order = defaultLength;\n          }\n        }\n        return order % 2 === 0 ? 'left' : 'right';\n      }\n      return '';\n    };\n\n    return {\n      prefixCls,\n      pendingNode,\n      pendingDotNode,\n      getItemPosition\n    };\n  },\n  render() {\n    const { prefixCls, pending, reverse, mode, pendingNode, pendingDotNode, getItemPosition } = this;\n    const cls = [\n      prefixCls,\n      {\n        [`${prefixCls}-pending`]: !!pending,\n        [`${prefixCls}-reverse`]: reverse,\n        [`${prefixCls}-right`]: mode === 'right',\n        [`${prefixCls}-alternate`]: mode === 'alternate'\n      }\n    ];\n\n    let defaultChildren = filterEmpty(this.$slots.default?.()).filter((child) => {\n      if (!(child as any).type._UUI_TIMELINE_ITEM) {\n        warn('UTimeline only accept UTimelineItem as child');\n        return false;\n      }\n      return true;\n    });\n    const pendingChild = (\n      <TimelineItem key={'GHOST_NODE'} pending={!!pending} dot={pendingDotNode} position={getItemPosition('GHOST_NODE')}>\n        {pendingNode}\n      </TimelineItem>\n    );\n    if (pending) {\n      (defaultChildren as (VNode | JSX.Element)[]).push(pendingChild);\n    }\n    if (reverse) {\n      defaultChildren = defaultChildren.reverse();\n    }\n    const lastClass = `${prefixCls}-item-last`;\n    const itemLength = defaultChildren.length;\n    const items = (defaultChildren as VNode[]).map((el: VNode, idx: number) => {\n      const rewriteCls = idx === itemLength - 1 ? lastClass : '';\n      const position = getItemPosition(el, idx);\n      return cloneVNode(el, { class: rewriteCls, position });\n    });\n\n    return <ul class={cls}>{items}</ul>;\n  }\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","timelineProps","setup","slots","prefixCls","useGlobalConfig","pendingNode","computed","pending","pendingDotNode","pendingDot","_createVNode","Icon","default","ULineLoading","getItemPosition","el","idx","defaultLength","filterEmpty","length","mode","elProps","getPropsData","position","order","reverse","render","cls","defaultChildren","$slots","filter","child","type","_UUI_TIMELINE_ITEM","warn","pendingChild","TimelineItem","push","lastClass","itemLength","items","map","rewriteCls","cloneVNode","class"],"mappings":"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"}

package/es/components/Timeline/Timeline.type.d.ts

@@ -0,0 +1,44 @@
+import type { ExtractPropTypes, PropType, VNodeChild } from 'vue';
+import type { JSX } from 'vue/jsx-runtime';
+export declare const timelineMode: readonly ["left", "alternate", "right", ""];
+export declare type TimelineMode = (typeof timelineMode)[number];
+export declare const timelineProps: {
+    pending: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    pendingDot: {
+        type: StringConstructor;
+    };
+    reverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mode: {
+        type: PropType<"" | "right" | "left" | "alternate">;
+        default: string;
+        validator: (val: "" | "right" | "left" | "alternate") => boolean;
+    };
+};
+export declare type TimelineProps = ExtractPropTypes<typeof timelineProps>;
+export declare const timelineItemPosition: readonly ["left", "right", ""];
+export declare type TimelineItemPosition = (typeof timelineItemPosition)[number];
+export declare const timelineItemProps: {
+    pending: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dot: {
+        type: PropType<VNodeChild | JSX.Element>;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    position: {
+        type: PropType<"" | "right" | "left">;
+        default: string;
+        validator: (val: "" | "right" | "left") => boolean;
+    };
+};
+export declare type TimelineItemProps = ExtractPropTypes<typeof timelineItemProps>;

package/es/components/Timeline/Timeline.type.mjs

@@ -0,0 +1,43 @@
+import { oneOf } from '../../utils/propsValidators.mjs';
+
+const timelineMode = ["left", "alternate", "right", ""];
+const timelineProps = {
+  pending: {
+    type: [Boolean, String],
+    default: false
+  },
+  pendingDot: {
+    type: String
+  },
+  reverse: {
+    type: Boolean,
+    default: false
+  },
+  mode: {
+    type: String,
+    default: "",
+    validator: oneOf(timelineMode)
+  }
+};
+const timelineItemPosition = ["left", "right", ""];
+const timelineItemProps = {
+  pending: {
+    type: Boolean,
+    default: false
+  },
+  dot: {
+    type: [String, Object]
+  },
+  color: {
+    type: String,
+    default: "blue"
+  },
+  position: {
+    type: String,
+    default: "",
+    validator: oneOf(timelineItemPosition)
+  }
+};
+
+export { timelineItemPosition, timelineItemProps, timelineMode, timelineProps };
+//# sourceMappingURL=Timeline.type.mjs.map

package/es/components/Timeline/Timeline.type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.type.mjs","sources":["../../../../src/components/Timeline/Timeline.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType, VNodeChild } from 'vue';\nimport type { JSX } from 'vue/jsx-runtime';\nimport { oneOf } from '../../utils/propsValidators';\n\nexport const timelineMode = ['left', 'alternate', 'right', ''] as const;\nexport type TimelineMode = (typeof timelineMode)[number];\n\nexport const timelineProps = {\n  pending: {\n    type: [Boolean, String],\n    default: false\n  },\n  pendingDot: {\n    type: String\n  },\n  reverse: {\n    type: Boolean,\n    default: false\n  },\n  mode: {\n    type: String as PropType<TimelineMode>,\n    default: '',\n    validator: oneOf(timelineMode)\n  }\n};\nexport type TimelineProps = ExtractPropTypes<typeof timelineProps>;\n\nexport const timelineItemPosition = ['left', 'right', ''] as const;\n\nexport type TimelineItemPosition = (typeof timelineItemPosition)[number];\n\nexport const timelineItemProps = {\n  pending: {\n    type: Boolean,\n    default: false\n  },\n  dot: {\n    type: [String, Object] as PropType<VNodeChild | JSX.Element>\n  },\n  color: {\n    type: String,\n    default: 'blue'\n  },\n  position: {\n    type: String as PropType<TimelineItemPosition>,\n    default: '',\n    validator: oneOf(timelineItemPosition)\n  }\n};\n\nexport type TimelineItemProps = ExtractPropTypes<typeof timelineItemProps>;\n"],"names":[],"mappings":";;MAIa,eAAe,CAAC,QAAQ,aAAa,SAAS,EAAE;MAGhD,gBAAgB;AAAA,EAC3B,SAAS;AAAA,IACP,MAAM,CAAC,SAAS,MAAM;AAAA,IACtB,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA;AACR,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,YAAY;AAAA;AAEjC;MAGa,uBAAuB,CAAC,QAAQ,SAAS,EAAE;MAI3C,oBAAoB;AAAA,EAC/B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,KAAK;AAAA,IACH,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,oBAAoB;AAAA;AAEzC;;;;"}

package/es/components/Timeline/TimelineItem.mjs

@@ -0,0 +1,77 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createBlock, createCommentVNode, renderSlot } from 'vue';
+import Render from '../base/Render.mjs';
+import useGlobalConfig from '../base/hooks/useGlobalConfig.mjs';
+import { filterEmpty } from '../../utils/slots.mjs';
+import { timelineItemProps } from './Timeline.type.mjs';
+import _export_sfc from '../../_virtual/plugin-vue_export-helper.mjs';
+
+const _sfc_main = defineComponent({
+  name: "UTimelineItem",
+  _UUI_TIMELINE_ITEM: true,
+  components: { Render },
+  props: timelineItemProps,
+  setup(props, { slots }) {
+    const { prefixCls } = useGlobalConfig("timeline-item");
+    const dotRender = computed(() => {
+      var _a;
+      const defaultDot = props.dot;
+      const slotDot = filterEmpty((_a = slots.dot) == null ? void 0 : _a.call(slots));
+      if (!slotDot.length && !defaultDot) {
+        return null;
+      }
+      return () => slotDot.length ? slotDot : defaultDot;
+    });
+    const colorClass = computed(() => {
+      const defaultColors = ["blue", "red", "green", "gray"];
+      if (defaultColors.includes(props.color)) {
+        return props.color;
+      }
+      return null;
+    });
+    return {
+      prefixCls,
+      dotRender,
+      colorClass
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Render = resolveComponent("Render");
+  return openBlock(), createElementBlock("li", {
+    class: normalizeClass([
+      _ctx.prefixCls,
+      {
+        [`${_ctx.prefixCls}-pending`]: _ctx.pending,
+        [`${_ctx.prefixCls}-${_ctx.position}`]: _ctx.position
+      }
+    ])
+  }, [
+    createElementVNode("span", {
+      class: normalizeClass([
+        `${_ctx.prefixCls}-circle`,
+        {
+          [`${_ctx.prefixCls}-circle-custom`]: !!_ctx.dotRender,
+          [`${_ctx.prefixCls}-circle-${_ctx.colorClass}`]: _ctx.colorClass
+        }
+      ]),
+      style: normalizeStyle(!_ctx.colorClass ? { color: _ctx.color, borderColor: _ctx.color } : {})
+    }, [
+      !!_ctx.dotRender ? (openBlock(), createBlock(_component_Render, {
+        key: 0,
+        render: _ctx.dotRender
+      }, null, 8, ["render"])) : createCommentVNode("v-if", true)
+    ], 6),
+    createElementVNode("span", {
+      class: normalizeClass(`${_ctx.prefixCls}-line`)
+    }, null, 2),
+    createElementVNode("div", {
+      class: normalizeClass(`${_ctx.prefixCls}-content`)
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 2)
+  ], 2);
+}
+var TimelineItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Timeline\\TimelineItem.vue"]]);
+
+export { TimelineItem as default };
+//# sourceMappingURL=TimelineItem.mjs.map

package/es/components/Timeline/TimelineItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineItem.mjs","sources":["../../../../src/components/Timeline/TimelineItem.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[\n      prefixCls,\n      {\n        [`${prefixCls}-pending`]: pending,\n        [`${prefixCls}-${position}`]: position\n      }\n    ]\"\n  >\n    <span\n      :class=\"[\n        `${prefixCls}-circle`,\n        {\n          [`${prefixCls}-circle-custom`]: !!dotRender,\n          [`${prefixCls}-circle-${colorClass}`]: colorClass\n        }\n      ]\"\n      :style=\"!colorClass ? { color, borderColor: color } : {}\"\n    >\n      <Render v-if=\"!!dotRender\" :render=\"dotRender\" />\n    </span>\n    <span :class=\"`${prefixCls}-line`\" />\n    <div :class=\"`${prefixCls}-content`\">\n      <slot></slot>\n    </div>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue';\n\nimport Render from '../base/Render';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { filterEmpty } from '../../utils/slots';\n\nimport { timelineItemProps } from './Timeline.type';\n\nexport default defineComponent({\n  name: 'UTimelineItem',\n  _UUI_TIMELINE_ITEM: true,\n  components: { Render },\n  props: timelineItemProps,\n  setup(props, { slots }) {\n    // prefixCls\n    const { prefixCls } = useGlobalConfig('timeline-item');\n\n    const dotRender = computed(() => {\n      const defaultDot = props.dot;\n      const slotDot = filterEmpty(slots.dot?.());\n      if (!slotDot.length && !defaultDot) {\n        return null;\n      }\n      return () => (slotDot.length ? slotDot : defaultDot);\n    });\n\n    const colorClass = computed(() => {\n      const defaultColors = ['blue', 'red', 'green', 'gray'];\n      if (defaultColors.includes(props.color)) {\n        return props.color;\n      }\n      return null;\n    });\n\n    return {\n      prefixCls,\n      dotRender,\n      colorClass\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle","_createBlock","_renderSlot"],"mappings":";;;;;;;AAsCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,oBAAoB;AAAA,EACpB,YAAY,EAAE;AAAO,EACrB,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,SAAS;UAEhB,EAAE,cAAc,gBAAgB,eAAe;UAE/C,YAAY,SAAS,MAAM;AAjBrC;YAkBY,aAAa,MAAM;YACnB,UAAU,aAAY,WAAM,QAAN,8BAAa;UACrC,CAAC,QAAQ,UAAU,CAAC,YAAY;eAC3B;AAAA;aAEF,MAAO,QAAQ,SAAS,UAAU;AAAA,KAC1C;UAEK,aAAa,SAAS,MAAM;YAC1B,gBAAgB,CAAC,QAAQ,OAAO,SAAS,MAAM;UACjD,cAAc,SAAS,MAAM,KAAK,GAAG;eAChC,MAAM;AAAA;aAER;AAAA,KACR;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;sBArECA,mBAyBK;IAxBF,OAAKC;MAAU;;YAA+B,2BAAsB;YAAqB,kBAAa,kBAAa;;;;IAQpHC,mBAWO;MAVJ,OAAKD;WAAe;;cAA4C,iCAAS,EAAqB;cAAyB,yBAAoB,oBAAe;;;MAO1J,OAAKE,gBAAG,kBAAU,SAAK,YAAK,aAAe;;QAE5B,+BAAhBC,YAAiD;;QAArB,QAAQ;;;IAEtCF,mBAAqC;MAA9B,OAAKD,kBAAK,qBAAS;AAAA;IAC1BC,mBAEM;MAFA,OAAKD,kBAAK,wBAAS;AAAA;MACvBI,WAAa;;;;;;;;"}

package/es/components/Timeline/TimelineItem.vue.d.ts

@@ -0,0 +1,44 @@
+declare const _default: import("vue").DefineComponent<{
+    pending: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dot: {
+        type: import("vue").PropType<import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element>;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    position: {
+        type: import("vue").PropType<"" | "right" | "left">;
+        default: string;
+        validator: (val: "" | "right" | "left") => boolean;
+    };
+}, {
+    prefixCls: import("vue").ComputedRef<string>;
+    dotRender: import("vue").ComputedRef<() => import("vue").VNodeChild>;
+    colorClass: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    pending: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dot: {
+        type: import("vue").PropType<import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element>;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    position: {
+        type: import("vue").PropType<"" | "right" | "left">;
+        default: string;
+        validator: (val: "" | "right" | "left") => boolean;
+    };
+}>>, {
+    color: string;
+    position: "" | "right" | "left";
+    pending: boolean;
+}, {}>;
+export default _default;