c-dhn-acttest - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

lib/c-dhn-button/index.js

@@ -1,2 +0,2 @@
-import { defineComponent, openBlock, createBlock, createVNode, withScopeId } from 'vue';
+import { defineComponent, openBlock, createBlock, createVNode } from 'vue';
 import { coerceTruthyValueToArray } from '../utils/utils';
@@ -17,5 +17,3 @@
 
-const _withId = /*#__PURE__*/withScopeId("data-v-ca859fb4");
-
-const render = /*#__PURE__*/_withId((_ctx, _cache, $props, $setup, $data, $options) => {
+function render(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createBlock("div", null, [
@@ -27,6 +25,5 @@ createVNode("button", {
   ]))
-});
+}
 
 script.render = render;
-script.__scopeId = "data-v-ca859fb4";
 script.__file = "packages/button/src/button.vue";
@@ -33,0 +30,0 @@

lib/c-dhn-date-countdown/index.js

@@ -1,20 +0,77 @@
-import { defineComponent, openBlock, createBlock, createVNode } from 'vue';
+import { defineComponent, reactive, toRefs, openBlock, createBlock, createVNode, toDisplayString, createCommentVNode } from 'vue';
+import { getCountdownTime } from '../utils/time';
 
+const updateTime = function (time) {
+    if (time) {
+        updateTime.timer = window.setTimeout(() => {
+            let countdownTime = time - 1;
+            this.timeObj = Object.assign({ countdownTime: countdownTime }, getCountdownTime(countdownTime));
+            updateTime.bind(this)(countdownTime);
+        }, 1000);
+    }
+    else {
+        updateTime.timer = null;
+    }
+};
 var script = defineComponent({
-    name: 'CDhnDateCountdown',
+    name: "CDhnDateCountdown",
+    props: {
+        dayLang: {
+            type: String,
+        },
+        countdownTime: {
+            type: Number,
+            require: true,
+        },
+    },
     setup(props, { emit }) {
-        const handleClick = evt => {
-            alert('tem');
-        };
-        return {
-            handleClick,
-        };
-    }
+        let state = reactive({
+            timeObj: {
+                day: "00",
+                hour: "00",
+                minute: "00",
+                second: "00",
+                countdownTime: props.countdownTime,
+            },
+        });
+        updateTime.bind(state)(state.timeObj.countdownTime);
+        return Object.assign({}, toRefs(state));
+    },
 });
 
+const _hoisted_1 = { class: "c-dhn-date-countdown" };
+const _hoisted_2 = { class: "time-down" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = /*#__PURE__*/createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+const _hoisted_5 = /*#__PURE__*/createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock("div", null, [
-    createVNode("div", {
-      onClick: _cache[1] || (_cache[1] = (...args) => (_ctx.handleClick && _ctx.handleClick(...args)))
-    }, "xxxxxx")
+  return (openBlock(), createBlock("div", _hoisted_1, [
+    createVNode("ul", _hoisted_2, [
+      (_ctx.dayLang)
+        ? (openBlock(), createBlock("li", _hoisted_3, [
+            createVNode("span", {
+              innerHTML: _ctx.timeObj.day
+            }, null, 8 /* PROPS */, ["innerHTML"]),
+            createVNode("em", null, toDisplayString(_ctx.dayLang), 1 /* TEXT */)
+          ]))
+        : createCommentVNode("v-if", true),
+      createVNode("li", null, [
+        createVNode("span", {
+          innerHTML: _ctx.timeObj.hour
+        }, null, 8 /* PROPS */, ["innerHTML"]),
+        _hoisted_4
+      ]),
+      createVNode("li", null, [
+        createVNode("span", {
+          innerHTML: _ctx.timeObj.minute
+        }, null, 8 /* PROPS */, ["innerHTML"]),
+        _hoisted_5
+      ]),
+      createVNode("li", null, [
+        createVNode("span", {
+          innerHTML: _ctx.timeObj.second
+        }, null, 8 /* PROPS */, ["innerHTML"])
+      ])
+    ])
   ]))
@@ -21,0 +78,0 @@ }

lib/c-dhn-date-countdown/src/dateCountdown.vue.d.ts

@@ -1,6 +0,22 @@
-interface IDateCountdownProps {
-}
-declare const _default: import("vue").DefineComponent<IDateCountdownProps, {
-    handleClick: (evt: any) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {}>, {}>;
+import { PropType } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    dayLang: {
+        type: PropType<String>;
+    };
+    countdownTime: {
+        type: PropType<Number>;
+        require: boolean;
+    };
+}, {
+    timeObj: import("vue").Ref<{
+        countdownTime: number;
+        day: string;
+        hour: string;
+        minute: string;
+        second: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {
+    dayLang?: String | undefined;
+    countdownTime?: Number | undefined;
+}>, {}>;
 export default _default;

lib/index.cjs.js

@@ -7,2 +7,3 @@ 'use strict';
 var utils = require('./utils/utils');
+var time = require('./utils/time');
 
@@ -22,5 +23,3 @@ var script$1 = vue.defineComponent({
 
-const _withId = /*#__PURE__*/vue.withScopeId("data-v-ca859fb4");
-
-const render$1 = /*#__PURE__*/_withId((_ctx, _cache, $props, $setup, $data, $options) => {
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createBlock("div", null, [
@@ -32,6 +31,5 @@ vue.createVNode("button", {
   ]))
-});
+}
 
 script$1.render = render$1;
-script$1.__scopeId = "data-v-ca859fb4";
 script$1.__file = "packages/button/src/button.vue";
@@ -44,19 +42,75 @@
 
+const updateTime = function (time$1) {
+    if (time$1) {
+        updateTime.timer = window.setTimeout(() => {
+            let countdownTime = time$1 - 1;
+            this.timeObj = Object.assign({ countdownTime: countdownTime }, time.getCountdownTime(countdownTime));
+            updateTime.bind(this)(countdownTime);
+        }, 1000);
+    }
+    else {
+        updateTime.timer = null;
+    }
+};
 var script = vue.defineComponent({
-    name: 'CDhnDateCountdown',
+    name: "CDhnDateCountdown",
+    props: {
+        dayLang: {
+            type: String,
+        },
+        countdownTime: {
+            type: Number,
+            require: true,
+        },
+    },
     setup(props, { emit }) {
-        const handleClick = evt => {
-            alert('tem');
-        };
-        return {
-            handleClick,
-        };
-    }
+        let state = vue.reactive({
+            timeObj: {
+                day: "00",
+                hour: "00",
+                minute: "00",
+                second: "00",
+                countdownTime: props.countdownTime,
+            },
+        });
+        updateTime.bind(state)(state.timeObj.countdownTime);
+        return Object.assign({}, vue.toRefs(state));
+    },
 });
 
+const _hoisted_1 = { class: "c-dhn-date-countdown" };
+const _hoisted_2 = { class: "time-down" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = /*#__PURE__*/vue.createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+const _hoisted_5 = /*#__PURE__*/vue.createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createBlock("div", null, [
-    vue.createVNode("div", {
-      onClick: _cache[1] || (_cache[1] = (...args) => (_ctx.handleClick && _ctx.handleClick(...args)))
-    }, "xxxxxx")
+  return (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
+    vue.createVNode("ul", _hoisted_2, [
+      (_ctx.dayLang)
+        ? (vue.openBlock(), vue.createBlock("li", _hoisted_3, [
+            vue.createVNode("span", {
+              innerHTML: _ctx.timeObj.day
+            }, null, 8 /* PROPS */, ["innerHTML"]),
+            vue.createVNode("em", null, vue.toDisplayString(_ctx.dayLang), 1 /* TEXT */)
+          ]))
+        : vue.createCommentVNode("v-if", true),
+      vue.createVNode("li", null, [
+        vue.createVNode("span", {
+          innerHTML: _ctx.timeObj.hour
+        }, null, 8 /* PROPS */, ["innerHTML"]),
+        _hoisted_4
+      ]),
+      vue.createVNode("li", null, [
+        vue.createVNode("span", {
+          innerHTML: _ctx.timeObj.minute
+        }, null, 8 /* PROPS */, ["innerHTML"]),
+        _hoisted_5
+      ]),
+      vue.createVNode("li", null, [
+        vue.createVNode("span", {
+          innerHTML: _ctx.timeObj.second
+        }, null, 8 /* PROPS */, ["innerHTML"])
+      ])
+    ])
   ]))
@@ -73,7 +127,4 @@ }
 
-const components = [
-    _CDhnButton,
-    _CDhnDateCountdown
-];
-const install = (app) => {
+const components = [_CDhnButton, _CDhnDateCountdown];
+const install = (app, opt) => {
     components.forEach(component => {
@@ -87,3 +138,2 @@ app.component(component.name, component);
 };
-console.log('测试加载');
 
@@ -90,0 +140,0 @@ exports.CDhnButton = _CDhnButton;

lib/index.d.ts

@@ -1,2 +0,2 @@
-import type { App } from 'vue';
+import { App } from 'vue';
 import CDhnButton from './c-dhn-button';
@@ -7,4 +7,4 @@ import CDhnDateCountdown from './c-dhn-date-countdown';
     version: string;
-    install: (app: App<any>) => void;
+    install: (app: App<any>, opt: Object) => void;
 };
 export default _default;

lib/index.esm.js

@@ -1,3 +0,4 @@
-import { defineComponent, openBlock, createBlock, createVNode, withScopeId } from 'vue';
+import { defineComponent, openBlock, createBlock, createVNode, reactive, toRefs, toDisplayString, createCommentVNode } from 'vue';
 import { coerceTruthyValueToArray } from './utils/utils';
+import { getCountdownTime } from './utils/time';
 
@@ -17,5 +18,3 @@ var script$1 = defineComponent({
 
-const _withId = /*#__PURE__*/withScopeId("data-v-ca859fb4");
-
-const render$1 = /*#__PURE__*/_withId((_ctx, _cache, $props, $setup, $data, $options) => {
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createBlock("div", null, [
@@ -27,6 +26,5 @@ createVNode("button", {
   ]))
-});
+}
 
 script$1.render = render$1;
-script$1.__scopeId = "data-v-ca859fb4";
 script$1.__file = "packages/button/src/button.vue";
@@ -39,19 +37,75 @@
 
+const updateTime = function (time) {
+    if (time) {
+        updateTime.timer = window.setTimeout(() => {
+            let countdownTime = time - 1;
+            this.timeObj = Object.assign({ countdownTime: countdownTime }, getCountdownTime(countdownTime));
+            updateTime.bind(this)(countdownTime);
+        }, 1000);
+    }
+    else {
+        updateTime.timer = null;
+    }
+};
 var script = defineComponent({
-    name: 'CDhnDateCountdown',
+    name: "CDhnDateCountdown",
+    props: {
+        dayLang: {
+            type: String,
+        },
+        countdownTime: {
+            type: Number,
+            require: true,
+        },
+    },
     setup(props, { emit }) {
-        const handleClick = evt => {
-            alert('tem');
-        };
-        return {
-            handleClick,
-        };
-    }
+        let state = reactive({
+            timeObj: {
+                day: "00",
+                hour: "00",
+                minute: "00",
+                second: "00",
+                countdownTime: props.countdownTime,
+            },
+        });
+        updateTime.bind(state)(state.timeObj.countdownTime);
+        return Object.assign({}, toRefs(state));
+    },
 });
 
+const _hoisted_1 = { class: "c-dhn-date-countdown" };
+const _hoisted_2 = { class: "time-down" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = /*#__PURE__*/createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+const _hoisted_5 = /*#__PURE__*/createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock("div", null, [
-    createVNode("div", {
-      onClick: _cache[1] || (_cache[1] = (...args) => (_ctx.handleClick && _ctx.handleClick(...args)))
-    }, "xxxxxx")
+  return (openBlock(), createBlock("div", _hoisted_1, [
+    createVNode("ul", _hoisted_2, [
+      (_ctx.dayLang)
+        ? (openBlock(), createBlock("li", _hoisted_3, [
+            createVNode("span", {
+              innerHTML: _ctx.timeObj.day
+            }, null, 8 /* PROPS */, ["innerHTML"]),
+            createVNode("em", null, toDisplayString(_ctx.dayLang), 1 /* TEXT */)
+          ]))
+        : createCommentVNode("v-if", true),
+      createVNode("li", null, [
+        createVNode("span", {
+          innerHTML: _ctx.timeObj.hour
+        }, null, 8 /* PROPS */, ["innerHTML"]),
+        _hoisted_4
+      ]),
+      createVNode("li", null, [
+        createVNode("span", {
+          innerHTML: _ctx.timeObj.minute
+        }, null, 8 /* PROPS */, ["innerHTML"]),
+        _hoisted_5
+      ]),
+      createVNode("li", null, [
+        createVNode("span", {
+          innerHTML: _ctx.timeObj.second
+        }, null, 8 /* PROPS */, ["innerHTML"])
+      ])
+    ])
   ]))
@@ -68,7 +122,4 @@ }
 
-const components = [
-    _CDhnButton,
-    _CDhnDateCountdown
-];
-const install = (app) => {
+const components = [_CDhnButton, _CDhnDateCountdown];
+const install = (app, opt) => {
     components.forEach(component => {
@@ -82,5 +133,4 @@ app.component(component.name, component);
 };
-console.log('测试加载');
 
 export default index;
 export { _CDhnButton as CDhnButton, _CDhnDateCountdown as CDhnDateCountdown };

package.json

 {
 	"name": "c-dhn-acttest",
-	"version": "1.0.1",
+	"version": "1.0.2",
 	"description": "c-dhn-act component",
@@ -9,2 +9,3 @@ "author": "[e-mail]>",
 	"typings": "lib/index.d.ts",
+	"style": "lib/theme-chalk/index.css",
 	"keywords": [],
@@ -11,0 +12,0 @@ "license": "MIT",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

42582

increased by310.59%

Number of package files

36

increased by71.43%

Lines of code

773

increased by188.43%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes