@opentiny/vue-pager - npm Package Compare versions

Comparing version 3.1.0-alpha.0 to 3.5.0-alpha.0

lib/index.js

@@ -8,3 +8,2 @@ import { createVNode, resolveComponent, createTextVNode } from 'vue';
 import { emitEvent } from '@opentiny/vue-renderless/common/event';
-import '@opentiny/vue-theme/pager/index.css';
 
@@ -131,2 +130,3 @@ function ownKeys(object, enumerableOnly) {
       }, null),
+      current: createVNode(resolveComponent("current"), null, null),
       pager: createVNode(resolveComponent("pager"), {
@@ -191,2 +191,15 @@ "isBeforePageChange": this.isBeforePageChange,
     },
+    Current: {
+      render: function render() {
+        var internalCurrentPage = this.$parent.internalCurrentPage;
+        return createVNode("div", {
+          "class": "tiny-pager__group tiny-unselect"
+        }, [createVNode("ul", {
+          "class": "tiny-pager__pages"
+        }, [createVNode("li", {
+          "class": "is-active",
+          "textContent": internalCurrentPage
+        }, null)])]);
+      }
+    },
     Sizes: {
@@ -243,3 +256,3 @@ props: {
             return createVNode("div", {
-              "class": "tiny-pager__selector-body"
+              "class": "tiny-pager tiny-pager__selector-body"
             }, [createVNode("ul", {
@@ -426,3 +439,3 @@ "class": "tiny-pager__selector-poplist"
           }
-        }, ['GO'])])]);
+        }, [t('ui.page.goto')])])]);
       }
@@ -618,3 +631,3 @@ },
         this.mode === 'number' && (layout = 'total, sizes, prev, pager, next, jumper');
-        this.mode === 'simple' && (layout = 'sizes, total, prev, next, ');
+        this.mode === 'simple' && (layout = 'sizes, total, prev, current, next');
         this.mode === 'complete' && (layout = 'sizes, total, prev, pager, next, jumper');
@@ -666,7 +679,37 @@ this.mode === 'fixed' && (layout = 'prev,pager,next');
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".tiny-pager{--ti-pager-normal-text-color:var(--ti-base-color-info-normal);--ti-pager-primary-bg-color:var(--ti-base-color-brand-6);--ti-pager-primary-text-color:var(--ti-base-color-brand-6);--ti-pager-primary-border-color:var(--ti-base-color-brand-6);--ti-pager-primary-hover-text-color:var(--ti-base-color-brand-5);--ti-pager-input-border-color:var(--ti-base-color-border);--ti-pager-input-hover-border-color:var(--ti-common-color-line-hover);--ti-pager-input-stop-color:var(--ti-base-color-common-2);--ti-pager-input-lighting-color:var(--ti-base-color-brand-6);--ti-pager-font-size:var(--ti-common-font-size-base);--ti-pager-text-color:var(--ti-common-color-text-secondary);--ti-pager-font-normal-text-color:var(--ti-base-color-secondary);--ti-pager-height:var(--ti-base-size-height-mini);--ti-pager-input-width:var(--ti-common-space-10x);--ti-pager-poplist-item-padding-vertical:var(--ti-common-space-0);--ti-pager-poplist-item-padding-horizontal:var(--ti-common-space-6);--ti-pager-poplist-item-unchecked-box-shadow:none;--ti-pager-input-height:var(--ti-base-size-height-mini);--ti-pager-input-border-radius:var(--ti-common-border-radius-normal);--ti-pager-poplist-item-hover-bg-color:var(--ti-base-color-hover-background);--ti-pager-poplist-item-hover-text-color:var(--ti-common-color-text-highlight);--ti-pager-poplist-item-selected-bg-color:var(--ti-common-color-bg-emphasize);--ti-pager-poplist-item-hover-border-color:var(--ti-base-color-transparent);--ti-pager-prev-next-text-color-disabled:var(--ti-common-color-line-disabled);--ti-pager-goto-btn-border-color:var(--ti-base-color-brand-5);--ti-pager-goto-btn-text-color:var(--ti-base-color-brand-5);text-align:left;padding:12px 0;color:var(--ti-pager-text-color)}.tiny-pager .tiny-pager__group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;font-size:var(--ti-pager-font-size)}.tiny-pager .tiny-pager__group>span{display:inline-block;vertical-align:middle}.tiny-pager .tiny-pager__total{height:24px;line-height:24px;font-size:12px;color:var(--ti-pager-normal-text-color)}.tiny-pager .tiny-pager__pages{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--ti-pager-font-size)}.tiny-pager .tiny-pager__pages li{background:0 0;display:inline-block;font-size:var(--ti-pager-font-size);cursor:pointer;margin-right:4px;text-align:center;line-height:var(--ti-pager-height);border-radius:var(--ti-pager-input-border-radius);height:var(--ti-pager-height);color:var(--ti-pager-text-color);padding:var(--ti-pager-poplist-item-padding-vertical) var(--ti-pager-poplist-item-padding-horizontal);-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid transparent;-webkit-transition:all .5s ease;transition:all .5s ease}.tiny-pager .tiny-pager__pages li a{color:var(--ti-pager-text-color)}.tiny-pager .tiny-pager__pages li svg{fill:var(--ti-pager-text-color);vertical-align:middle}.tiny-pager .tiny-pager__pages li:not(.dot):not(.is-active):hover{color:var(--ti-pager-poplist-item-hover-text-color);background-color:var(--ti-pager-poplist-item-hover-bg-color);-webkit-box-shadow:var(--ti-pager-poplist-item-unchecked-box-shadow);box-shadow:var(--ti-pager-poplist-item-unchecked-box-shadow);border:1px solid var(--ti-pager-poplist-item-hover-border-color)}.tiny-pager .tiny-pager__pages li:not(.dot):not(.is-active):hover svg{fill:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager .tiny-pager__pages li.dot .icon{font-size:14px}.tiny-pager .tiny-pager__pages li.is-active{color:#fff;background-color:var(--ti-pager-primary-bg-color)}.tiny-pager .tiny-pager__pages li:last-child{margin-right:0}.tiny-pager__goto{font-size:0}.tiny-pager__goto input[type=text]{width:var(--ti-pager-input-width);text-align:center;vertical-align:middle;border-radius:var(--ti-pager-input-border-radius);display:inline-block;position:inherit;height:var(--ti-pager-input-height);line-height:var(--ti-pager-input-height);border:1px solid var(--ti-pager-input-border-color);color:var(--ti-pager-normal-text-color);font-size:var(--ti-pager-font-size);-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:14px;margin-right:4px}.tiny-pager__goto input[type=text]:hover{border:1px solid var(--ti-pager-input-hover-border-color);color:var(--ti-pager-normal-text-color)}.tiny-pager__goto input[type=text].active,.tiny-pager__goto input[type=text]:active,.tiny-pager__goto input[type=text]:focus,.tiny-pager__goto input[type=text][active]{border:1px solid var(--ti-pager-primary-border-color);-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}.tiny-pager__goto button{height:var(--ti-pager-input-height);line-height:var(--ti-pager-input-height);border:1px solid #d9d9d9;color:var(--ti-pager-text-color);vertical-align:middle;border-radius:var(--ti-pager-input-border-radius);background:#fff;font-size:var(--ti-pager-font-size);padding:0 8px;text-align:center;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;-webkit-transition:border .3s,color .3s,background .3s;transition:border .3s,color .3s,background .3s;outline:0;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-pager__goto button:hover{border:1px solid var(--ti-pager-goto-btn-border-color);color:var(--ti-pager-goto-btn-text-color)}.tiny-pager__btn-next,.tiny-pager__btn-prev{height:var(--ti-pager-height);line-height:var(--ti-pager-height);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--ti-pager-font-size);font-weight:bolder;color:var(--ti-pagination-prev-next-color);outline:0;border:none;background:0 0;margin:0 4px;padding:0 6px;vertical-align:middle;cursor:pointer}.tiny-pager__btn-next span,.tiny-pager__btn-prev span{color:var(--ti-pager-primary-text-color)}.tiny-pager__btn-next svg,.tiny-pager__btn-prev svg{fill:var(--ti-pager-normal-text-color);font-size:var(--ti-pager-font-size);vertical-align:middle}.tiny-pager__btn-next:hover,.tiny-pager__btn-prev:hover{background-color:var(--ti-pager-poplist-item-hover-bg-color)}.tiny-pager__btn-next:hover svg,.tiny-pager__btn-prev:hover svg{fill:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager__btn-next[disabled],.tiny-pager__btn-next[disabled]:hover,.tiny-pager__btn-prev[disabled],.tiny-pager__btn-prev[disabled]:hover{background-color:transparent;cursor:not-allowed}.tiny-pager__btn-next[disabled] span,.tiny-pager__btn-prev[disabled] span{color:var(--ti-pager-prev-next-text-color-disabled)}.tiny-pager__btn-next[disabled] svg,.tiny-pager__btn-prev[disabled] svg{fill:var(--ti-pager-prev-next-text-color-disabled)}.tiny-pager__selector.tiny-popover.tiny-popper{width:60px;padding:0}.tiny-pager__selector.tiny-popover.tiny-popper[x-placement^=bottom]{margin-top:2px}.tiny-pager__selector.tiny-popover.tiny-popper[x-placement^=top]{margin-bottom:0}.tiny-pager__selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-pager__selector-poplist .list-item{min-height:30px;padding:0 8px;line-height:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-pager__selector-poplist .list-item:hover{cursor:pointer;background:var(--ti-pager-poplist-item-hover-bg-color);color:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager__selector-poplist .list-item.is-selected{background:var(--ti-pager-poplist-item-selected-bg-color);color:var(--ti-pager-normal-text-color)}.tiny-pager__selector-poplist .list-item.is-selected:hover{background:var(--ti-pager-poplist-item-selected-bg-color)}.tiny-pager__selector-poplist .list-item.select-pre{background:var(--ti-pager-poplist-item-hover-bg-color);color:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager__selector-poplist .list-item.select-pre.is-selected{color:#fff;background:var(--ti-pager-poplist-item-selected-bg-color)}.tiny-pager .tiny-pager__popover{margin:0 4px 0 14px}.tiny-pager .tiny-pager__sizes .tiny-pager__popover{margin:0}.tiny-pager .tiny-pager__sizes+.tiny-pager__group{margin:0 16px}.tiny-pager .tiny-pager__group+.tiny-pager__sizes{margin:0 16px}.tiny-pager__input{width:60px;vertical-align:middle;position:relative}.tiny-pager__input input{width:100%;height:var(--ti-pager-input-height);line-height:var(--ti-pager-input-height);border:1px solid var(--ti-pager-input-border-color);color:var(--ti-pager-normal-text-color);border-radius:var(--ti-pager-input-border-radius);background:#fff;font-size:var(--ti-pager-font-size,12px);padding:0 8px;display:block;stop-color:var(--ti-pager-input-stop-color);lighting-color:var(--ti-pager-input-lighting-color);padding:6px 10px;white-space:nowrap;-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-pager__input input:hover{outline:0;border-color:var(--ti-pager-input-hover-border-color)}.tiny-pager__input input:active,.tiny-pager__input input:focus{outline:0;border-color:var(--ti-pager-input-hover-border-color)}.tiny-pager__input-btn{width:24px;height:var(--ti-pager-height);line-height:var(--ti-pager-height);position:absolute;right:2px;bottom:0;top:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;cursor:pointer}.tiny-pager__input-btn svg{font-size:var(--ti-pager-font-size);fill:var(--ti-pager-font-normal-text-color);vertical-align:middle}.tiny-pager .tiny-popover__reference{outline:0}@media (max-width:768px){.tiny-pager{text-align:left}.tiny-pager .tiny-pager__pull-left{float:none!important}}";
+styleInject(css_248z);
+
 script.install = function (Vue) {
   Vue.component(script.name, script);
 };
-script.version = '3.1.0-alpha.0';
+script.version = '3.5.0-alpha.0';
 
 export { script as default };

package.json

 {
   "name": "@opentiny/vue-pager",
-  "version": "3.1.0-alpha.0",
+  "version": "3.5.0-alpha.0",
   "description": "",
@@ -12,13 +12,14 @@ "main": "lib/index.js",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.1.0-alpha.0",
-    "@opentiny/vue-icon": "~3.1.0-alpha.0",
-    "@opentiny/vue-popover": "~3.1.0-alpha.0",
-    "@opentiny/vue-locale": "~3.1.0-alpha.0",
-    "@opentiny/vue-pager-item": "~3.1.0-alpha.0",
-    "@opentiny/vue-common": "~3.1.0-alpha.0",
-    "@opentiny/vue-theme": "~3.1.0-alpha.0",
-    "@opentiny/vue-theme-mobile": "~3.1.0-alpha.0"
+    "@opentiny/vue-renderless": "~3.5.0",
+    "@opentiny/vue-icon": "~3.5.0-alpha.0",
+    "@opentiny/vue-popover": "~3.5.0-alpha.0",
+    "@opentiny/vue-locale": "~3.5.0-alpha.0",
+    "@opentiny/vue-pager-item": "~3.5.0-alpha.0",
+    "@opentiny/vue-common": "~3.5.0-alpha.0",
+    "@opentiny/vue-theme": "~3.5.0",
+    "@opentiny/vue-theme-mobile": "~3.5.0"
   },
   "license": "MIT",
+  "types": "index.d.ts",
   "sideEffects": false
 }

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

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

38518

increased by67.05%

Number of package files

4

increased by100%

Lines of code

869

increased by31.47%

Worsened metrics

Number of low license alerts

2

increased byInfinity%

License quality

80

decreased by-20%

Number of low supply chain risk alerts

2

increased by100%

Dependency changes

• + Added@babel/runtime@7.18.3(transitive)

• + Added@opentiny/vue-common@3.5.0(transitive)

• + Added@opentiny/vue-icon@3.5.2(transitive)

• + Added@opentiny/vue-locale@3.5.0(transitive)

• + Added@opentiny/vue-pager-item@3.5.0(transitive)

• + Added@opentiny/vue-popover@3.5.0(transitive)

• + Added@opentiny/vue-renderless@3.5.0(transitive)

• + Added@opentiny/vue-theme@3.5.0(transitive)

• + Added@opentiny/vue-theme-mobile@3.5.0(transitive)

• + Addedregenerator-runtime@0.13.11(transitive)

• - Removed@babel/runtime@7.26.0(transitive)

• - Removed@opentiny/vue-common@3.1.0-alpha.0(transitive)

• - Removed@opentiny/vue-icon@3.1.0-alpha.0(transitive)

• - Removed@opentiny/vue-locale@3.1.0-alpha.0(transitive)

• - Removed@opentiny/vue-pager-item@3.1.0-alpha.0(transitive)

• - Removed@opentiny/vue-popover@3.1.0-alpha.0(transitive)

• - Removed@opentiny/vue-renderless@3.1.0-alpha.0(transitive)

• - Removed@opentiny/vue-theme@3.1.0-alpha.1(transitive)

• - Removed@opentiny/vue-theme-mobile@3.1.0-alpha.0(transitive)

• - Removedregenerator-runtime@0.14.1(transitive)

• Updated@opentiny/vue-common@~3.5.0-alpha.0

• Updated@opentiny/vue-icon@~3.5.0-alpha.0

• Updated@opentiny/vue-locale@~3.5.0-alpha.0

• Updated@opentiny/vue-pager-item@~3.5.0-alpha.0

• Updated@opentiny/vue-popover@~3.5.0-alpha.0

• Updated@opentiny/vue-renderless@~3.5.0

• Updated@opentiny/vue-theme@~3.5.0

• Updated@opentiny/vue-theme-mobile@~3.5.0