@opentiny/vue-date-panel - npm Package Compare versions

Comparing version 2.16.0 to 2.17.0

lib/index.js

 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t)
+        ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
@@ -59,3 +55,3 @@ import { defineComponent, $prefix, $props, $setup } from "@opentiny/vue-common";
 });
-var version = "2.16.0";
+var version = "2.17.0";
 DatePanel.install = function(Vue) {
@@ -62,0 +58,0 @@ Vue.component(DatePanel.name, DatePanel);

lib/mobile-first.js

 import { renderless, api } from '@opentiny/vue-renderless/date-panel/vue';
-import { defineComponent, directive, setup, props } from '@opentiny/vue-common';
+import { directive, setup, props } from '@opentiny/vue-common';
 import { language } from '@opentiny/vue-locale';
 import Clickoutside from '@opentiny/vue-renderless/common/deps/clickoutside';
-import TimePicker from '@opentiny/vue-time';
+import Time from '@opentiny/vue-time';
 import DateTable from '@opentiny/vue-date-table';
@@ -69,14 +69,10 @@ import YearTable from '@opentiny/vue-year-table';
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t)
+        ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
@@ -97,3 +93,5 @@ var classes = {
   "time-header": "relative text-xs h-10 leading-10 table w-full box-border border-b border-b-color-bg-3",
-  "editor-wrap": "relative table-cell px-1"
+  "editor-wrap": "relative table-cell px-1",
+  "sidebar": "absolute top-0 bottom-0 w-28 border-r border-r-color-bg-3 box-border pt-5 bg-color-bg-1 overflow-auto",
+  "sidebar-btn": "block w-24 my-0 mx-auto rounded border-0 bg-transparent leading-8 text-xs text-color-text-primary pl-4 text-left outline-0 cursor-pointer truncate hover:bg-color-bg-2"
 };
@@ -105,5 +103,2 @@ var render = function render2() {
   return _c("transition", {
-    attrs: {
-      "name": "tiny-zoom-in-top"
-    },
     on: {
@@ -120,3 +115,5 @@ "after-enter": _vm.handleEnter,
     }],
-    class: [_vm.gcls("picker-panel"), _vm.state.popperClass],
+    class: _vm.m([_vm.gcls("picker-panel"), {
+      "w-80": _vm.state.currentView === "year"
+    }, _vm.state.popperClass]),
     attrs: {
@@ -133,2 +130,3 @@ "data-tag": "tiny-picker-panel tiny-date-picker tiny-popper"
   }), _vm.state.shortcuts ? _c("div", {
+    class: _vm.gcls("sidebar"),
     attrs: {
@@ -140,2 +138,3 @@ "data-tag": "tiny-picker-panel__sidebar"
       key,
+      class: _vm.gcls("sidebar-btn"),
       attrs: {
@@ -152,3 +151,5 @@ "type": "button",
   }), 0) : _vm._e(), _c("div", {
-    class: _vm.gcls("picker-panel-body"),
+    class: [_vm.gcls("picker-panel-body"), {
+      "ml-28": _vm.slots.sidebar || _vm.state.shortcuts
+    }],
     attrs: {
@@ -170,3 +171,3 @@ "data-tag": "tiny-picker-panel__body"
       "placeholder": _vm.t("ui.datepicker.selectDate"),
-      "model-value": _vm.state.visibleDate,
+      "modelValue": _vm.state.visibleDate,
       "size": "small"
@@ -195,3 +196,3 @@ },
       "placeholder": _vm.t("ui.datepicker.selectTime"),
-      "model-value": _vm.state.visibleTime,
+      "modelValue": _vm.state.visibleTime,
       "size": "small"
@@ -208,3 +209,3 @@ },
     }
-  }), _vm.state.timePickerVisible ? _c("time-picker", {
+  }), _c("time-picker", {
     ref: "timepicker",
@@ -220,3 +221,3 @@ attrs: {
     }
-  }) : _vm._e()], 1)]) : _vm._e(), _c("div", {
+  })], 1)]) : _vm._e(), _c("div", {
     directives: [{
@@ -236,2 +237,18 @@ name: "show",
       rawName: "v-show",
+      value: _vm.state.currentView === "year",
+      expression: "state.currentView === 'year'"
+    }],
+    class: [_vm.gcls("icon-btn"), "float-left"],
+    attrs: {
+      "type": "button",
+      "aria-label": _vm.t("ui.datepicker.prevYear"),
+      "data-tag": "tiny-picker-panel__icon-btn tiny-date-picker__prev-btn tiny-icon-arrow-left"
+    },
+    on: {
+      "click": _vm.cusPrevYear
+    }
+  }, [_c("icon-double-left")], 1), _c("button", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
       value: _vm.state.currentView === "date",
@@ -273,2 +290,18 @@ expression: "state.currentView === 'date'"
       rawName: "v-show",
+      value: _vm.state.currentView === "year",
+      expression: "state.currentView === 'year'"
+    }],
+    class: [_vm.gcls("icon-btn"), "float-right"],
+    attrs: {
+      "type": "button",
+      "aria-label": _vm.t("ui.datepicker.nextYear"),
+      "data-tag": "tiny-picker-panel__icon-btn tiny-date-picker__next-btn tiny-icon-arrow-right"
+    },
+    on: {
+      "click": _vm.cusNextYear
+    }
+  }, [_c("icon-double-right")], 1), _c("button", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
       value: _vm.state.currentView === "date",
@@ -378,3 +411,4 @@ expression: "state.currentView === 'date'"
       "overlay": false,
-      "position": "up",
+      "aui_mode": "mobile",
+      "position": "bottom",
       "duration": 0.2,
@@ -453,3 +487,3 @@ "closeable": false
 var staticRenderFns = [];
-var __vue2_script = defineComponent({
+var __vue2_script = {
   directives: directive({
@@ -459,3 +493,3 @@ Clickoutside
   components: {
-    TimePicker,
+    TimePicker: Time,
     YearTable,
@@ -505,3 +539,3 @@ MonthTable,
   }
-});
+};
 var __cssModules = {};
@@ -508,0 +542,0 @@ var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);

lib/pc.js

@@ -5,3 +5,3 @@ import { renderless, api } from '@opentiny/vue-renderless/date-panel/vue';
 import Clickoutside from '@opentiny/vue-renderless/common/deps/clickoutside';
-import TimePicker from '@opentiny/vue-time';
+import Time from '@opentiny/vue-time';
 import DateTable from '@opentiny/vue-date-table';
@@ -71,14 +71,10 @@ import YearTable from '@opentiny/vue-year-table';
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t)
+        ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
@@ -91,3 +87,3 @@ var __vue2_script = defineComponent({
   components: {
-    TimePicker,
+    TimePicker: Time,
     YearTable,
@@ -226,3 +222,3 @@ MonthTable,
     }
-  }), _vm.state.timePickerVisible ? _c("time-picker", {
+  }), _c("time-picker", {
     ref: "timepicker",
@@ -238,3 +234,3 @@ attrs: {
     }
-  }) : _vm._e()], 1)]) : _vm._e(), _c("div", {
+  })], 1)]) : _vm._e(), _c("div", {
     directives: [{
@@ -241,0 +237,0 @@ name: "show",

package.json

 {
   "name": "@opentiny/vue-date-panel",
-  "version": "2.16.0",
+  "version": "2.17.0",
   "description": "",
@@ -10,14 +10,14 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-common": "~2.16.0",
-    "@opentiny/vue-renderless": "~3.16.0",
-    "@opentiny/vue-input": "~2.16.0",
-    "@opentiny/vue-button": "~2.16.0",
-    "@opentiny/vue-locale": "~2.16.0",
-    "@opentiny/vue-time": "~2.16.0",
-    "@opentiny/vue-date-table": "~2.16.0",
-    "@opentiny/vue-year-table": "~2.16.0",
-    "@opentiny/vue-month-table": "~2.16.0",
-    "@opentiny/vue-theme": "~3.16.0",
-    "@opentiny/vue-popup": "~2.16.0",
-    "@opentiny/vue-icon": "~2.16.0"
+    "@opentiny/vue-common": "~2.17.0",
+    "@opentiny/vue-renderless": "~3.17.0",
+    "@opentiny/vue-input": "~2.17.0",
+    "@opentiny/vue-button": "~2.17.0",
+    "@opentiny/vue-locale": "~2.17.0",
+    "@opentiny/vue-time": "~2.17.0",
+    "@opentiny/vue-date-table": "~2.17.0",
+    "@opentiny/vue-year-table": "~2.17.0",
+    "@opentiny/vue-month-table": "~2.17.0",
+    "@opentiny/vue-theme": "~3.17.0",
+    "@opentiny/vue-popup": "~2.17.0",
+    "@opentiny/vue-icon": "~2.17.0"
   },
@@ -24,0 +24,0 @@ "license": "MIT",

src/mobile-first.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _default: any;
+declare const _default: import("vue/types/vue").ExtendedVue<import("vue").default, any, any, any, Record<"tiny_mode" | "tiny_mode_root" | "tiny_template" | "tiny_renderless" | "_constants" | "tiny_theme" | "tiny_chart_theme", any>>;
 export default _default;

src/token.d.ts

@@ -16,2 +16,4 @@ export declare const classes: {
     'editor-wrap': string;
+    sidebar: string;
+    'sidebar-btn': string;
 };

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

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

35695

increased by3.99%

Lines of code

1105

increased by2.6%

Dependency changes

• + Added@opentiny/vue-action-sheet@2.17.0(transitive)

• + Added@opentiny/vue-button@2.17.0(transitive)

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

• + Added@opentiny/vue-date-table@2.17.0(transitive)

• + Added@opentiny/vue-dialog-box@2.17.0(transitive)

• + Added@opentiny/vue-drawer@2.17.2(transitive)

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

• + Added@opentiny/vue-input@2.17.0(transitive)

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

• + Added@opentiny/vue-month-table@2.17.0(transitive)

• + Added@opentiny/vue-popup@2.17.0(transitive)

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

• + Added@opentiny/vue-scrollbar@2.17.0(transitive)

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

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

• + Added@opentiny/vue-time@2.17.0(transitive)

• + Added@opentiny/vue-time-spinner@2.17.0(transitive)

• + Added@opentiny/vue-tooltip@2.17.0(transitive)

• + Added@opentiny/vue-year-table@2.17.0(transitive)

• - Removed@opentiny/vue-action-sheet@2.16.0(transitive)

• - Removed@opentiny/vue-button@2.16.0(transitive)

• - Removed@opentiny/vue-common@2.16.0(transitive)

• - Removed@opentiny/vue-date-table@2.16.0(transitive)

• - Removed@opentiny/vue-drawer@2.16.0(transitive)

• - Removed@opentiny/vue-icon@2.16.0(transitive)

• - Removed@opentiny/vue-input@2.16.0(transitive)

• - Removed@opentiny/vue-locale@2.16.0(transitive)

• - Removed@opentiny/vue-month-table@2.16.0(transitive)

• - Removed@opentiny/vue-popup@2.16.0(transitive)

• - Removed@opentiny/vue-renderless@3.16.2(transitive)

• - Removed@opentiny/vue-scrollbar@2.16.0(transitive)

• - Removed@opentiny/vue-theme@3.16.4(transitive)

• - Removed@opentiny/vue-theme-mobile@3.16.0(transitive)

• - Removed@opentiny/vue-time@2.16.0(transitive)

• - Removed@opentiny/vue-time-spinner@2.16.0(transitive)

• - Removed@opentiny/vue-tooltip@2.16.0(transitive)

• - Removed@opentiny/vue-year-table@2.16.0(transitive)

• Updated@opentiny/vue-button@~2.17.0

• Updated@opentiny/vue-common@~2.17.0

• Updated@opentiny/vue-date-table@~2.17.0

• Updated@opentiny/vue-icon@~2.17.0

• Updated@opentiny/vue-input@~2.17.0

• Updated@opentiny/vue-locale@~2.17.0

• Updated@opentiny/vue-month-table@~2.17.0

• Updated@opentiny/vue-popup@~2.17.0

• Updated@opentiny/vue-renderless@~3.17.0

• Updated@opentiny/vue-theme@~3.17.0

• Updated@opentiny/vue-time@~2.17.0

• Updated@opentiny/vue-year-table@~2.17.0