vue-devui 1.0.0-rc.0 → 1.0.0-rc.11

package/dragdrop/index.es.js

@@ -1,157 +0,0 @@
-const shadowId = "shadow0611";
-function getElementStyle(id, styleName) {
-  return document.getElementById(id).currentStyle ? document.getElementById(id).currentStyle[styleName] : window.getComputedStyle(document.getElementById(id), styleName);
-}
-function createShadow(originId) {
-  const shadow = document.createElement("div");
-  shadow.id = shadowId;
-  shadow.style.background = "rgb(206, 215, 255)";
-  shadow.style.width = getElementStyle(originId, "width");
-  shadow.style.height = "20px";
-  return shadow;
-}
-function changeDragState(el, originId, dragStart, drag, dragover, drop, shouldCreateShadow, dragFlag) {
-  el.dataset.originId = originId;
-  el.dataset.dragStart = dragStart;
-  el.dataset.dragover = dragover;
-  el.dataset.drop = drop;
-  el.dataset.shouldCreateShadow = shouldCreateShadow;
-  el.dataset.dragFlag = dragFlag;
-}
-function computeCompareElementHeight(compareElement) {
-  return compareElement.getBoundingClientRect().top + Math.floor(compareElement.offsetHeight / 2);
-}
-function createInsertSortableShadow(sortDropArea, mouseObject, originId) {
-  const sortDropAreaArr = [...sortDropArea.children];
-  if (sortDropAreaArr.length == 0) {
-    if (!document.getElementById(shadowId)) {
-      const shadowElement = createShadow(originId);
-      sortDropArea.appendChild(shadowElement);
-    }
-  } else {
-    for (let index2 = 0; index2 < sortDropAreaArr.length; index2++) {
-      const compareHeight = computeCompareElementHeight(sortDropAreaArr[index2]);
-      document.getElementById(shadowId) ? sortDropArea.removeChild(document.getElementById(shadowId)) : null;
-      if (index2 == sortDropAreaArr.length - 1) {
-        sortDropArea.appendChild(createShadow(originId));
-        break;
-      }
-      if (Math.floor(mouseObject.clientY) <= compareHeight) {
-        sortDropArea.insertBefore(createShadow(originId), sortDropAreaArr[index2]);
-        break;
-      }
-    }
-  }
-}
-function insertDragElement(dropAreaContainer, dragId, mouseObject) {
-  for (let index2 = 0; index2 < [...dropAreaContainer.children].length; index2++) {
-    if (index2 == [...dropAreaContainer.children].length - 1) {
-      dropAreaContainer.appendChild(document.getElementById(dragId));
-      break;
-    }
-    if (Math.floor(mouseObject.clientY) <= computeCompareElementHeight([...dropAreaContainer.children][index2])) {
-      dropAreaContainer.insertBefore(document.getElementById(dragId), [...dropAreaContainer.children][index2]);
-      break;
-    }
-  }
-}
-function deleteInsertedSortableShadow(dropSortArea) {
-  if (dropSortArea) {
-    if (document.getElementById(shadowId)) {
-      if (dropSortArea.contains(document.getElementById(shadowId))) {
-        dropSortArea.removeChild(document.getElementById(shadowId));
-      }
-    }
-  }
-}
-var DraggableDirective = {
-  mounted(el, binding) {
-    el.setAttribute("draggable", "true");
-    el.style.cursor = "grab";
-    el.addEventListener("drag", () => {
-      changeDragState(el, el.id, "true", "true", "false", "false", "false", "true");
-      if (binding.instance.$root.dropElement && document.getElementById(shadowId)) {
-        deleteInsertedSortableShadow(binding.instance.$root.dropElement);
-        binding.instance.$root.dropElement = null;
-      }
-    }, false);
-    el.addEventListener("dragstart", () => {
-      changeDragState(el, el.id, "true", "true", "false", "false", "false", "false");
-      binding.instance.$root.identity = el.id;
-      el.dataset.dragArea = el.parentNode.className;
-    }, false);
-  }
-};
-var DroppableDirective = {
-  mounted(el, binding) {
-    el.addEventListener("dragover", (event) => {
-      event.preventDefault();
-      const dragId = binding.instance.$root.identity;
-      changeDragState(document.getElementById(dragId), dragId, "true", "false", "true", "false", "false", "false");
-      document.getElementById(dragId).dataset.dropArea = [...el.childNodes][1].className;
-    }, false);
-    el.addEventListener("drop", (event) => {
-      event.preventDefault();
-      const dragId = binding.instance.$root.identity;
-      if (document.getElementById(dragId).dataset.dropArea == document.getElementById(dragId).dataset.dragArea) {
-        return;
-      }
-      const childrenArr = [...Array.from(el.children)[1].children];
-      if (childrenArr.length > 0) {
-        for (let index2 = 0; index2 < childrenArr.length; index2++) {
-          const childrenYRange = childrenArr[index2].getBoundingClientRect().top + childrenArr[index2].offsetHeight / 2;
-          if (parseFloat(event.clientY) < parseFloat(childrenYRange)) {
-            el.children[1].insertBefore(document.getElementById(dragId), childrenArr[index2]);
-            break;
-          }
-          if (index2 === childrenArr.length - 1) {
-            el.children[1].appendChild(document.getElementById(dragId));
-          }
-        }
-      } else {
-        el.childNodes[1].appendChild(document.getElementById(dragId));
-      }
-    });
-  }
-};
-var SortableDirective = {
-  mounted(el, binding) {
-    el.addEventListener("dragover", function(event) {
-      event.preventDefault();
-      const targetNode = event.target;
-      const dragId = binding.instance.$root.identity;
-      if (!binding.instance.$root.dropElement) {
-        binding.instance.$root.dropElement = [...el.childNodes][1];
-      }
-      changeDragState(document.getElementById(binding.instance.$root.identity), binding.instance.$root.identity, "true", "false", "true", "false", "true", "false");
-      const { dragover, shouldCreateShadow } = document.getElementById(dragId).dataset;
-      if (dragover == "true") {
-        if (shouldCreateShadow == "true") {
-          createInsertSortableShadow([...targetNode.children][1], event, dragId);
-        }
-      }
-    });
-    el.addEventListener("drop", function(event) {
-      const dropArea = [...el.childNodes][1];
-      const dragId = binding.instance.$root.identity;
-      dropArea.removeChild(document.getElementById(shadowId));
-      if ([...dropArea.childNodes].length == 0) {
-        dropArea.appendChild(document.getElementById(dragId));
-      } else {
-        insertDragElement(dropArea, dragId, event);
-      }
-      changeDragState(document.getElementById(dragId), dragId, "false", "false", "false", "true", "false", "false");
-    });
-  }
-};
-var index = {
-  title: "Dragdrop \u62D6\u62FD",
-  category: "\u901A\u7528",
-  status: "10%",
-  install(app) {
-    app.directive("DDraggable", DraggableDirective);
-    app.directive("DDroppable", DroppableDirective);
-    app.directive("DSortable", SortableDirective);
-  }
-};
-export { DraggableDirective, DroppableDirective, SortableDirective, index as default };

package/dragdrop/index.umd.js

@@ -1 +0,0 @@
-(function(l,r){typeof exports=="object"&&typeof module!="undefined"?r(exports):typeof define=="function"&&define.amd?define(["exports"],r):(l=typeof globalThis!="undefined"?globalThis:l||self,r(l.index={}))})(this,function(l){"use strict";const r="shadow0611";function h(e,t){return document.getElementById(e).currentStyle?document.getElementById(e).currentStyle[t]:window.getComputedStyle(document.getElementById(e),t)}function s(e){const t=document.createElement("div");return t.id=r,t.style.background="rgb(206, 215, 255)",t.style.width=h(e,"width"),t.style.height="20px",t}function i(e,t,a,n,d,o,c,I){e.dataset.originId=t,e.dataset.dragStart=a,e.dataset.dragover=d,e.dataset.drop=o,e.dataset.shouldCreateShadow=c,e.dataset.dragFlag=I}function u(e){return e.getBoundingClientRect().top+Math.floor(e.offsetHeight/2)}function y(e,t,a){const n=[...e.children];if(n.length==0){if(!document.getElementById(r)){const d=s(a);e.appendChild(d)}}else for(let d=0;d<n.length;d++){const o=u(n[d]);if(document.getElementById(r)&&e.removeChild(document.getElementById(r)),d==n.length-1){e.appendChild(s(a));break}if(Math.floor(t.clientY)<=o){e.insertBefore(s(a),n[d]);break}}}function E(e,t,a){for(let n=0;n<[...e.children].length;n++){if(n==[...e.children].length-1){e.appendChild(document.getElementById(t));break}if(Math.floor(a.clientY)<=u([...e.children][n])){e.insertBefore(document.getElementById(t),[...e.children][n]);break}}}function p(e){e&&document.getElementById(r)&&e.contains(document.getElementById(r))&&e.removeChild(document.getElementById(r))}var f={mounted(e,t){e.setAttribute("draggable","true"),e.style.cursor="grab",e.addEventListener("drag",()=>{i(e,e.id,"true","true","false","false","false","true"),t.instance.$root.dropElement&&document.getElementById(r)&&(p(t.instance.$root.dropElement),t.instance.$root.dropElement=null)},!1),e.addEventListener("dragstart",()=>{i(e,e.id,"true","true","false","false","false","false"),t.instance.$root.identity=e.id,e.dataset.dragArea=e.parentNode.className},!1)}},m={mounted(e,t){e.addEventListener("dragover",a=>{a.preventDefault();const n=t.instance.$root.identity;i(document.getElementById(n),n,"true","false","true","false","false","false"),document.getElementById(n).dataset.dropArea=[...e.childNodes][1].className},!1),e.addEventListener("drop",a=>{a.preventDefault();const n=t.instance.$root.identity;if(document.getElementById(n).dataset.dropArea==document.getElementById(n).dataset.dragArea)return;const d=[...Array.from(e.children)[1].children];if(d.length>0)for(let o=0;o<d.length;o++){const c=d[o].getBoundingClientRect().top+d[o].offsetHeight/2;if(parseFloat(a.clientY)<parseFloat(c)){e.children[1].insertBefore(document.getElementById(n),d[o]);break}o===d.length-1&&e.children[1].appendChild(document.getElementById(n))}else e.childNodes[1].appendChild(document.getElementById(n))})}},g={mounted(e,t){e.addEventListener("dragover",function(a){a.preventDefault();const n=a.target,d=t.instance.$root.identity;t.instance.$root.dropElement||(t.instance.$root.dropElement=[...e.childNodes][1]),i(document.getElementById(t.instance.$root.identity),t.instance.$root.identity,"true","false","true","false","true","false");const{dragover:o,shouldCreateShadow:c}=document.getElementById(d).dataset;o=="true"&&c=="true"&&y([...n.children][1],a,d)}),e.addEventListener("drop",function(a){const n=[...e.childNodes][1],d=t.instance.$root.identity;n.removeChild(document.getElementById(r)),[...n.childNodes].length==0?n.appendChild(document.getElementById(d)):E(n,d,a),i(document.getElementById(d),d,"false","false","false","true","false","false")})}},B={title:"Dragdrop \u62D6\u62FD",category:"\u901A\u7528",status:"10%",install(e){e.directive("DDraggable",f),e.directive("DDroppable",m),e.directive("DSortable",g)}};l.DraggableDirective=f,l.DroppableDirective=m,l.SortableDirective=g,l.default=B,Object.defineProperty(l,"__esModule",{value:!0}),l[Symbol.toStringTag]="Module"});

package/dragdrop/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "dragdrop",
-  "version": "0.0.0",
-  "main": "index.umd.js",
-  "module": "index.es.js",
-  "style": "style.css"
-}

package/gantt/index.d.ts

@@ -1,7 +0,0 @@
-import { App } from 'vue';
-  declare function install(app: App): void
-  declare const _default: {
-      install: typeof install;
-      version: string;
-  };
-  export default _default;

package/gantt/index.es.js

@@ -1,523 +0,0 @@
-import { defineComponent, toRefs, ref, onMounted, watch, createVNode, withDirectives, resolveComponent, resolveDirective, createTextVNode } from "vue";
-var ganttScale = "";
-var GanttScaleUnit = /* @__PURE__ */ ((GanttScaleUnit2) => {
-  GanttScaleUnit2["day"] = "day";
-  GanttScaleUnit2["week"] = "week";
-  GanttScaleUnit2["month"] = "month";
-  return GanttScaleUnit2;
-})(GanttScaleUnit || {});
-const isSameDate = (date, compareDate) => {
-  return date.getFullYear() === compareDate.getFullYear() && date.getMonth() === compareDate.getMonth() && date.getDate() === compareDate.getDate();
-};
-const useScaleData = (milestoneList) => {
-  const SCALE_START_LABLE_OFFSET = 7;
-  const generateDateInfo = (date, index2) => {
-    const dateInfo = {
-      dayOfMonthLabel: "",
-      dayOfWeekLabel: "",
-      monthLabel: "",
-      yearLabel: "",
-      date,
-      monthStart: false,
-      weekend: false,
-      today: false,
-      milestone: "",
-      highlightStart: false,
-      scaleStartVisable: true,
-      index: index2
-    };
-    const dayOfMonth = date.getDate();
-    dateInfo.dayOfMonthLabel = dayOfMonth + "";
-    if (dayOfMonth === 1) {
-      dateInfo.monthStart = true;
-    }
-    const dayOfWeek = date.getDay();
-    dateInfo.dayOfWeekLabel = dayOfWeek + "";
-    if (dayOfWeek === 6) {
-      dateInfo.weekend = true;
-    }
-    const month = date.getMonth() + 1;
-    dateInfo.monthLabel = month + "";
-    const year = date.getFullYear();
-    dateInfo.yearLabel = year + "";
-    if (isSameDate(date, new Date())) {
-      dateInfo.today = true;
-    }
-    if (new Date(year, month - 1, dayOfMonth + SCALE_START_LABLE_OFFSET).getMonth() > month - 1) {
-      dateInfo.scaleStartVisable = false;
-    }
-    if (milestoneList.value) {
-      milestoneList.value.forEach((milestone) => {
-        if (milestone.date) {
-          if (isSameDate(milestone.date, dateInfo.date)) {
-            dateInfo.milestone = milestone.lable;
-          }
-        }
-      });
-    }
-    return dateInfo;
-  };
-  const getNextDay = (date) => {
-    const nextDayDate = date.setDate(date.getDate() + 1);
-    return new Date(nextDayDate);
-  };
-  const generateScaleData = (startDate, endDate) => {
-    const scaleData = [];
-    let handleDate = startDate;
-    let index2 = 0;
-    while (!isSameDate(handleDate, endDate)) {
-      const dateInfo = generateDateInfo(handleDate, index2);
-      scaleData.push(dateInfo);
-      handleDate = getNextDay(new Date(handleDate));
-      index2++;
-    }
-    console.log({ scaleData });
-    return scaleData;
-  };
-  return {
-    generateScaleData
-  };
-};
-const i18nText = {
-  en: {
-    today: "today",
-    monthsOfYear: [
-      "January",
-      "February",
-      "March",
-      "April",
-      "May",
-      "June",
-      "July",
-      "August",
-      "September",
-      "October",
-      "November",
-      "December"
-    ],
-    yearDisplay(year) {
-      return `${year}`;
-    },
-    monthDisplay(strMonthIndex) {
-      return this.monthsOfYear[Number(strMonthIndex) - 1];
-    },
-    yearAndMonthDisplay(year, strMonthIndex) {
-      return this.yearDisplay(year) + this.monthDisplay(strMonthIndex);
-    }
-  },
-  zh: {
-    today: "\u4ECA\u5929",
-    monthsOfYear: [
-      "1\u6708",
-      "2\u6708",
-      "3\u6708",
-      "4\u6708",
-      "5\u6708",
-      "6\u6708",
-      "7\u6708",
-      "8\u6708",
-      "9\u6708",
-      "10\u6708",
-      "11\u6708",
-      "12\u6708"
-    ],
-    yearDisplay(year) {
-      return `${year}\u5E74`;
-    },
-    monthDisplay(strMonthIndex) {
-      return this.monthsOfYear[Number(strMonthIndex) - 1];
-    },
-    yearAndMonthDisplay(year, strMonthIndex) {
-      return this.yearDisplay(year) + this.monthDisplay(strMonthIndex);
-    }
-  }
-};
-var DGanttScale = defineComponent({
-  name: "DGanttScale",
-  props: {
-    unit: {
-      type: String,
-      default: GanttScaleUnit.day
-    },
-    height: {
-      type: Number
-    },
-    startDate: {
-      type: Date
-    },
-    endDate: {
-      type: Date
-    },
-    ganttScaleContainerOffsetLeft: {
-      type: Number
-    },
-    milestoneList: {
-      type: Array
-    },
-    scrollElement: {
-      type: Object
-    },
-    ganttBarContainerElement: {
-      type: Object
-    }
-  },
-  emits: ["addMilestone"],
-  setup(props, ctx) {
-    const {
-      startDate,
-      endDate,
-      milestoneList,
-      scrollElement,
-      unit
-    } = toRefs(props);
-    const scaleData = ref([]);
-    const viewSCaleData = ref([]);
-    const scaleWidth = ref({
-      day: 40,
-      week: 30,
-      month: 20
-    });
-    const highlight = ref(false);
-    const highlightStartText = ref("");
-    const highlightEndText = ref("");
-    const {
-      generateScaleData
-    } = useScaleData(milestoneList);
-    let viewScaleRange = [0, 0];
-    const addMilestone = (info) => {
-      ctx.emit("addMilestone", info);
-    };
-    const getViewScaleData = () => {
-      if (scrollElement.value) {
-        const containerWidth = scrollElement.value.clientWidth;
-        const scrollLeft = scrollElement.value.scrollLeft;
-        const start = Math.floor(scrollLeft / scaleWidth.value[unit.value]);
-        const offset = Math.ceil(containerWidth / scaleWidth.value[unit.value]);
-        viewScaleRange = [start - 2, start + offset + 2];
-        viewSCaleData.value = scaleData.value.filter((i) => {
-          return i.index >= viewScaleRange[0] && i.index <= viewScaleRange[1];
-        });
-      }
-    };
-    onMounted(() => {
-      if (startDate.value && endDate.value) {
-        scaleData.value = generateScaleData(startDate.value, endDate.value);
-        getViewScaleData();
-      }
-    });
-    watch(() => props.scrollElement, () => {
-      getViewScaleData();
-      props.scrollElement.addEventListener("scroll", () => {
-        getViewScaleData();
-      });
-    });
-    return {
-      viewSCaleData,
-      scaleWidth,
-      addMilestone,
-      highlight,
-      highlightStartText,
-      highlightEndText
-    };
-  },
-  render() {
-    const {
-      unit,
-      viewSCaleData,
-      scaleWidth,
-      addMilestone,
-      highlight,
-      highlightStartText,
-      highlightEndText,
-      ganttBarContainerElement
-    } = this;
-    return createVNode("div", {
-      "class": "devui-gantt-scale-wrapper"
-    }, [viewSCaleData.map((data, index2) => withDirectives(createVNode("div", {
-      "class": `devui-gantt-scale ${unit} ${data.today} ${data.milestone}`,
-      "style": {
-        left: `${scaleWidth[unit] * data.index}px`,
-        width: `${scaleWidth[unit]}px`
-      }
-    }, [createVNode("div", {
-      "class": `devui-scale-start ${data.milestone}`
-    }, [data.milestone && unit === "day" && createVNode("div", null, [data.milestone]), (!data.milestone || unit !== "day") && data.scaleStartVisable && (index2 === 0 || data.monthStart) ? unit === "month" ? i18nText.zh.yearDisplay(data.yearLabel) : i18nText.zh.yearAndMonthDisplay(data.yearLabel, data.monthLabel) : ""]), createVNode("div", {
-      "class": "devui-scale-unit"
-    }, [highlight && data.highlightStart && createVNode("div", {
-      "class": "scale-highlight"
-    }, [createVNode("div", {
-      "style": "float: left"
-    }, [highlightStartText]), createVNode("div", {
-      "style": "float: right"
-    }, [highlightEndText]), createVNode("div", {
-      "style": "clear: both"
-    }, null)]), (!highlight || !data.highlightStart) && unit === "day" && createVNode("div", {
-      "class": `border-left ${data.today ? "today" : ""}`
-    }, [data.today ? i18nText.zh.today : data.dayOfMonthLabel]), (!highlight || !data.highlightStart) && unit === "week" && createVNode("div", {
-      "class": `${data.weekend || index2 === 0 ? "border-left" : ""}`
-    }, [index2 === 0 || data.weekend ? data.dayOfMonthLabel : ""]), (!highlight || !data.highlightStart) && unit === "month" && createVNode("div", {
-      "class": `${data.monthStart || index2 === 0 ? "border-left" : ""}`
-    }, [index2 === 0 || data.monthStart ? i18nText.zh.monthDisplay(data.monthLabel) : ""])]), createVNode("div", {
-      "class": `milestone-new ${unit}`,
-      "title": "milestone",
-      "onClick": () => addMilestone(data)
-    }, [createVNode(resolveComponent("d-icon"), {
-      "name": "add"
-    }, null)])]), [[resolveDirective("gantt-marker"), {
-      ganttBarContainerElement,
-      monthMark: data.monthMark,
-      weekend: data.weekend,
-      milestone: data.milestone,
-      today: data.today,
-      date: data.date,
-      unit,
-      last: index2 === viewSCaleData.length - 1
-    }]]))]);
-  }
-});
-var ganttTools = "";
-var GanttTools = defineComponent({
-  name: "DGanttTools",
-  props: {
-    unit: {
-      type: String,
-      default: null
-    },
-    isFullScreen: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["goToday", "reduceUnit", "increaseUnit", "switchView"],
-  setup(props, ctx) {
-    const currentUnitLabel = ref(props.unit);
-    const views = ref([{
-      name: "Day",
-      value: "day"
-    }, {
-      name: "Week",
-      value: "week"
-    }, {
-      name: "Month",
-      value: "month"
-    }]);
-    const actionHandle = (type) => {
-      switch (type) {
-        case "today":
-          ctx.emit("goToday");
-          break;
-        case "reduce":
-          ctx.emit("reduceUnit");
-          break;
-        case "increase":
-          ctx.emit("increaseUnit");
-          break;
-      }
-    };
-    const selectView = (selectItem) => {
-      ctx.emit("switchView", selectItem.value);
-    };
-    return {
-      actionHandle,
-      currentUnitLabel,
-      views,
-      selectView
-    };
-  },
-  render() {
-    const {
-      isFullScreen,
-      actionHandle,
-      views,
-      selectView,
-      $slots
-    } = this;
-    return createVNode("div", {
-      "class": "tools-container",
-      "style": {
-        position: isFullScreen ? "fixed" : "absolute"
-      }
-    }, [createVNode(resolveComponent("d-button"), {
-      "variant": "common",
-      "onClick": () => actionHandle("today"),
-      "class": "tool"
-    }, {
-      default: () => [createTextVNode("Today")]
-    }), createVNode("div", {
-      "class": "tool"
-    }, [createVNode(resolveComponent("d-select"), {
-      "modelValue": this.currentUnitLabel,
-      "onUpdate:modelValue": ($event) => this.currentUnitLabel = $event,
-      "options": views,
-      "onValueChange": selectView
-    }, null)]), createVNode(resolveComponent("d-button"), {
-      "variant": "common",
-      "class": ["tool", "minus", this.currentUnitLabel === GanttScaleUnit.day ? "disabled" : ""],
-      "disabled": this.currentUnitLabel === GanttScaleUnit.day,
-      "onClick": () => actionHandle("reduce")
-    }, {
-      default: () => [createVNode(resolveComponent("d-icon"), {
-        "name": "minus"
-      }, null)]
-    }), createVNode(resolveComponent("d-button"), {
-      "variant": "common",
-      "class": ["tool", "add", this.currentUnitLabel === GanttScaleUnit.month ? "disabled" : ""],
-      "disabled": this.currentUnitLabel === GanttScaleUnit.month,
-      "onClick": () => actionHandle("increase")
-    }, {
-      default: () => [createVNode(resolveComponent("d-icon"), {
-        "name": "add"
-      }, null)]
-    }), $slots.default && $slots.default()]);
-  }
-});
-const ganttProps = {
-  startDate: {
-    type: Date
-  },
-  endDate: {
-    type: Date
-  },
-  unit: {
-    type: String,
-    default: GanttScaleUnit.day
-  },
-  progressRate: {
-    type: Number
-  }
-};
-var gantt = "";
-const useGantt = (scaleUnit = GanttScaleUnit.day) => {
-  const DAY_DURATION = 24 * 60 * 60 * 1e3;
-  const getScaleUnitPixel = () => {
-    switch (scaleUnit) {
-      case GanttScaleUnit.day:
-        return 40;
-      case GanttScaleUnit.week:
-        return 30;
-      case GanttScaleUnit.month:
-        return 20;
-    }
-  };
-  const getDuration = (startDate, endDate) => {
-    if (startDate && endDate) {
-      const timeOffset = endDate.getTime() - startDate.getTime();
-      const duration = timeOffset / DAY_DURATION + 1;
-      console.log("duration => ", duration);
-      return Math.round(duration);
-    }
-  };
-  const getDurationWidth = (startDate, endDate) => {
-    if (startDate && endDate) {
-      const duration = getDuration(startDate, endDate);
-      return duration * getScaleUnitPixel();
-    }
-  };
-  return {
-    getDurationWidth
-  };
-};
-var Gantt = defineComponent({
-  name: "DGantt",
-  components: {
-    DGanttScale,
-    DGanttTools: GanttTools
-  },
-  props: ganttProps,
-  setup(props, ctx) {
-    const {
-      startDate,
-      endDate
-    } = toRefs(props);
-    const ganttContainer = ref();
-    const ganttScaleWidth = ref();
-    const {
-      getDurationWidth
-    } = useGantt();
-    onMounted(() => {
-      ganttScaleWidth.value = getDurationWidth(startDate.value, endDate.value);
-    });
-    return {
-      ganttContainer,
-      ganttScaleWidth
-    };
-  },
-  render() {
-    const {
-      $slots,
-      startDate,
-      endDate,
-      unit,
-      ganttContainer,
-      ganttScaleWidth
-    } = this;
-    return createVNode("div", {
-      "style": {
-        position: "relative"
-      }
-    }, [createVNode("div", {
-      "class": "devui-gantt gantt-container",
-      "ref": "ganttContainer"
-    }, [createVNode("div", {
-      "class": "header",
-      "style": {
-        width: `${ganttScaleWidth}px`
-      }
-    }, [createVNode(resolveComponent("d-gantt-scale"), {
-      "startDate": startDate,
-      "endDate": endDate,
-      "unit": unit,
-      "scrollElement": ganttContainer
-    }, null)]), createVNode(resolveComponent("d-gantt-tools"), {
-      "unit": unit
-    }, null), createVNode("div", {
-      "class": "body",
-      "style": {
-        width: `${ganttScaleWidth}px`
-      }
-    }, null)])]);
-  }
-});
-const ganttMarkerDirective = {
-  ganttBarContainerElement: null,
-  monthMarkElement: null,
-  weekendElement: null,
-  todayElement: null,
-  milestoneElement: null,
-  monthMark: "",
-  mounted(el, binding) {
-    const { ganttBarContainerElement, monthMark } = binding.value;
-    if (ganttBarContainerElement) {
-      this.ganttBarContainerElement = ganttBarContainerElement;
-    }
-    if (monthMark) {
-      this.monthMark = this.monthMark;
-    }
-  },
-  updated(el, binding) {
-    const { monthMark, weekend, today, milestone, unit } = binding.value;
-    if (monthMark) {
-      this.initMarkElement();
-    }
-  },
-  initMarkElement() {
-    if (this.ganttBarContainerElement) {
-      if (this.monthMark && !this.monthMarkElement)
-        ;
-    }
-  }
-};
-Gantt.install = function(app) {
-  app.component(Gantt.name, Gantt);
-  app.component(GanttTools.name, GanttTools);
-  app.directive("gantt-marker", ganttMarkerDirective);
-};
-var index = {
-  title: "Gantt \u7518\u7279\u56FE",
-  category: "\u6570\u636E\u5C55\u793A",
-  status: "10%",
-  install(app) {
-    app.use(Gantt);
-  }
-};
-export { Gantt, index as default };