@deot/vc 1.0.62 → 1.0.63

package/dist/index.iife.js

@@ -14067,6 +14067,7 @@ var Vc = (function (exports, vue) {
       const minute = vue.ref("");
       const second = vue.ref("");
       const millisecond = vue.ref("");
+      const isComplete = vue.ref(false);
       const showResult = vue.computed(() => {
         return !props2.render && !slots.default;
       });
@@ -14132,15 +14133,18 @@ var Vc = (function (exports, vue) {
         millisecond.value = String(Math.floor(timestamp % 1e3 / (1e3 / msDividend.value)));
         if (timestamp <= 0) {
           stop();
-          emit("change", {
-            timestamp: 0,
-            day: "00",
-            hour: "00",
-            minute: "00",
-            second: "00",
-            millisecond: "00"
-          });
-          emit("complete");
+          if (!isComplete.value) {
+            isComplete.value = true;
+            emit("change", {
+              timestamp: 0,
+              day: "00",
+              hour: "00",
+              minute: "00",
+              second: "00",
+              millisecond: "00"
+            });
+            emit("complete");
+          }
         } else {
           emit("change", {
             timestamp,
@@ -14155,6 +14159,8 @@ var Vc = (function (exports, vue) {
       const start = () => {
         if (targetTimestamp.value) {
           timer && clearInterval(timer);
+          isComplete.value = false;
+          run();
           timer = setInterval(run, T.value);
         }
       };
@@ -27217,6 +27223,10 @@ var Vc = (function (exports, vue) {
       const allowDrag = vue.computed(() => {
         return typeof props2.resizable === "boolean" ? props2.resizable : props2.border;
       });
+      const dragLineClass = vue.computed(() => {
+        if (props2.border || !props2.resizable) return;
+        return "has-drag-line";
+      });
       const states = useStates({
         columns: "columns",
         isAllSelected: "isAllSelected",
@@ -27449,7 +27459,7 @@ var Vc = (function (exports, vue) {
             "style": [getHeaderCellStyle(rowIndex, columnIndex, columns, column), {
               width: `${column.realWidth}px`
             }],
-            "class": [getHeaderCellClass(rowIndex, columnIndex, columns, column), "vc-table__th"],
+            "class": [getHeaderCellClass(rowIndex, columnIndex, columns, column), column.resizable && dragLineClass.value, "vc-table__th"],
             "key": column.id
           }, [vue.createVNode("div", {
             "class": [

package/dist/index.umd.cjs

@@ -14070,6 +14070,7 @@
       const minute = vue.ref("");
       const second = vue.ref("");
       const millisecond = vue.ref("");
+      const isComplete = vue.ref(false);
       const showResult = vue.computed(() => {
         return !props2.render && !slots.default;
       });
@@ -14135,15 +14136,18 @@
         millisecond.value = String(Math.floor(timestamp % 1e3 / (1e3 / msDividend.value)));
         if (timestamp <= 0) {
           stop();
-          emit("change", {
-            timestamp: 0,
-            day: "00",
-            hour: "00",
-            minute: "00",
-            second: "00",
-            millisecond: "00"
-          });
-          emit("complete");
+          if (!isComplete.value) {
+            isComplete.value = true;
+            emit("change", {
+              timestamp: 0,
+              day: "00",
+              hour: "00",
+              minute: "00",
+              second: "00",
+              millisecond: "00"
+            });
+            emit("complete");
+          }
         } else {
           emit("change", {
             timestamp,
@@ -14158,6 +14162,8 @@
       const start = () => {
         if (targetTimestamp.value) {
           timer && clearInterval(timer);
+          isComplete.value = false;
+          run();
           timer = setInterval(run, T.value);
         }
       };
@@ -27220,6 +27226,10 @@
       const allowDrag = vue.computed(() => {
         return typeof props2.resizable === "boolean" ? props2.resizable : props2.border;
       });
+      const dragLineClass = vue.computed(() => {
+        if (props2.border || !props2.resizable) return;
+        return "has-drag-line";
+      });
       const states = useStates({
         columns: "columns",
         isAllSelected: "isAllSelected",
@@ -27452,7 +27462,7 @@
             "style": [getHeaderCellStyle(rowIndex, columnIndex, columns, column), {
               width: `${column.realWidth}px`
             }],
-            "class": [getHeaderCellClass(rowIndex, columnIndex, columns, column), "vc-table__th"],
+            "class": [getHeaderCellClass(rowIndex, columnIndex, columns, column), column.resizable && dragLineClass.value, "vc-table__th"],
             "key": column.id
           }, [vue.createVNode("div", {
             "class": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/vc",
-  "version": "1.0.62",
+  "version": "1.0.63",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,9 +19,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@deot/vc-components": "^1.0.62",
-    "@deot/vc-hooks": "^1.0.62",
-    "@deot/vc-shared": "^1.0.62"
+    "@deot/vc-components": "^1.0.63",
+    "@deot/vc-hooks": "^1.0.63",
+    "@deot/vc-shared": "^1.0.63"
   },
   "peerDependencies": {
     "vue": "*"