@opentiny/vue-picker - npm Package Compare versions

Comparing version 2.9.0 to 2.10.0

lib/index.js

@@ -8,2 +8,3 @@ import { renderless, api } from "@opentiny/vue-renderless/picker/vue";
 import MonthRange from "@opentiny/vue-month-range";
+import YearRange from "@opentiny/vue-year-range";
 import Time from "@opentiny/vue-time";
@@ -13,2 +14,4 @@ import TimeRange from "@opentiny/vue-time-range";
 import { iconCalendar, iconTime, iconClose } from "@opentiny/vue-icon";
+import Tooltip from "@opentiny/vue-tooltip";
+import FilterBox from "@opentiny/vue-filter-box";
 function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
@@ -72,7 +75,10 @@ var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
   name: $prefix + "Picker",
+  componentName: "Picker",
   components: {
     TinyInput: Input,
+    TinyFilterBox: FilterBox,
     IconCalendar: iconCalendar(),
     IconTime: iconTime(),
-    IconClose: iconClose()
+    IconClose: iconClose(),
+    TinyTooltip: Tooltip
   },
@@ -100,2 +106,5 @@ emits: ["created", "select-change", "update:modelValue", "blur", "focus", "change"],
     suffixIcon: Object,
+    label: String,
+    shape: String,
+    tip: String,
     clearIcon: {
@@ -115,3 +124,2 @@ type: Object,
     },
-    disabled: Boolean,
     clearable: {
@@ -121,2 +129,3 @@ type: Boolean,
     },
+    disabled: Boolean,
     id: {
@@ -135,2 +144,6 @@ default: "",
     },
+    align: {
+      type: String,
+      default: "left"
+    },
     editable: {
@@ -140,6 +153,2 @@ type: Boolean,
     },
-    align: {
-      type: String,
-      default: "left"
-    },
     modelValue: {},
@@ -152,4 +161,4 @@ defaultValue: {},
     },
+    unlinkPanels: Boolean,
     pickerOptions: {},
-    unlinkPanels: Boolean,
     validateEvent: {
@@ -173,3 +182,22 @@ type: Boolean,
     timezone: Number,
-    iso8601: Boolean
+    iso8601: Boolean,
+    displayOnly: {
+      type: Boolean,
+      default: false
+    },
+    step: {
+      type: Object,
+      default: function _default2() {
+        return {
+          hour: 1,
+          minute: 1,
+          second: 1
+        };
+      }
+    },
+    showWeekNumber: {
+      type: Boolean,
+      default: false
+    },
+    formatWeeks: Function
   },
@@ -189,2 +217,3 @@ directives: directive({
         MonthRangePanel: MonthRange,
+        YearRangePanel: YearRange,
         TimePanel: Time,
@@ -201,3 +230,6 @@ TimeRangePanel: TimeRange,
   var _c = _vm._self._c || _h;
-  return !_vm.state.ranged ? _c("tiny-input", _vm._b({
+  return _c("div", {
+    ref: "reference",
+    staticClass: "tiny-date-container"
+  }, [_vm.shape === "filter" ? _c("tiny-filter-box", {
     directives: [{
@@ -209,2 +241,20 @@ name: "clickoutside",
     }],
+    attrs: {
+      "show-close": _vm.clearable,
+      "disabled": _vm.state.pickerDisabled,
+      "label": _vm.label,
+      "tip": _vm.tip,
+      "value": _vm.state.displayValue.toString(),
+      "drop-down-visible": _vm.state.pickerVisible
+    },
+    on: {
+      "click": _vm.handleFocus
+    }
+  }) : !_vm.state.ranged ? _c("tiny-input", _vm._b({
+    directives: [{
+      name: "clickoutside",
+      rawName: "v-clickoutside",
+      value: _vm.handleClose,
+      expression: "handleClose"
+    }],
     ref: "reference",
@@ -222,2 +272,4 @@ staticClass: "tiny-date-editor",
       "title": _vm.state.displayValue,
+      "display-only": _vm.state.isDisplayOnly,
+      "display-only-content": _vm.state.displayValue,
       "validate-event": false
@@ -237,3 +289,23 @@ },
     },
-    scopedSlots: _vm._u([{
+    scopedSlots: _vm._u([_vm.label ? {
+      key: "prefix",
+      fn: function fn() {
+        return [_c("tiny-tooltip", {
+          attrs: {
+            "effect": "light",
+            "content": _vm.state.labelTooltip,
+            "placement": "top"
+          },
+          nativeOn: {
+            "mouseenter": function mouseenter($event) {
+              return _vm.handleEnterPickerlabel.apply(null, arguments);
+            }
+          }
+        }, [_c("span", {
+          ref: "label",
+          staticClass: "tiny-input__label"
+        }, [_vm._v(" " + _vm._s(_vm.label) + " ")])])];
+      },
+      proxy: true
+    } : null, {
       key: "suffix",
@@ -285,3 +357,3 @@ fn: function fn() {
       proxy: true
-    }], null, false, 2840542388)
+    }], null, true)
   }, "tiny-input", _vm.state.firstInputId, false)) : _c("div", {
@@ -296,3 +368,3 @@ directives: [{
     staticClass: "tiny-date-editor tiny-range-editor tiny-input tiny-input__inner",
-    class: ["tiny-date-editor--" + _vm.state.type, _vm.state.pickerSize ? "tiny-range-editor--" + _vm.state.pickerSize : "", _vm.state.pickerDisabled ? "is-disabled" : "", _vm.state.pickerVisible ? "is-active" : ""],
+    class: ["tiny-date-editor--" + _vm.state.type, _vm.state.pickerSize ? "tiny-range-editor--" + _vm.state.pickerSize : "", _vm.state.pickerDisabled ? "is-disabled" : "", _vm.state.pickerVisible ? "is-active" : "", _vm.state.isDisplayOnly ? "is-display-only" : ""],
     on: {
@@ -306,3 +378,17 @@ "click": _vm.handleFocus,
     }
-  }, [_c("input", _vm._b({
+  }, [_c("tiny-tooltip", {
+    attrs: {
+      "effect": "light",
+      "content": _vm.state.labelTooltip,
+      "placement": "top"
+    },
+    nativeOn: {
+      "mouseenter": function mouseenter($event) {
+        return _vm.handleEnterPickerlabel.apply(null, arguments);
+      }
+    }
+  }, [_vm.label ? _c("span", {
+    ref: "label",
+    staticClass: "tiny-input__label"
+  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]) : _vm._e()]), _c("input", _vm._b({
     staticClass: "tiny-range-input",
@@ -358,10 +444,25 @@ attrs: {
     tag: "component"
-  })], 1)], 1) : _vm._e(), _c("i", {
+  })], 1)], 1) : _vm._e(), !_vm.state.isDisplayOnly ? _c("i", {
     staticClass: "tiny-input__icon tiny-range__icon tiny-input__suffix"
   }, [_c(_vm.state.triggerClass, {
     tag: "component"
-  })], 1), _c(_vm.state.panel, {
+  })], 1) : _vm._e(), _vm.state.isDisplayOnly ? _c("tiny-tooltip", {
+    staticClass: "tiny-range-editor-display-only",
+    attrs: {
+      "content": _vm.state.displayOnlyTooltip,
+      "effect": "light",
+      "placement": "top"
+    },
+    nativeOn: {
+      "mouseenter": function mouseenter($event) {
+        return _vm.handleEnterDisplayOnlyContent.apply(null, arguments);
+      }
+    }
+  }, [_c("span", [_vm._v(_vm._s(_vm.state.displayValue && _vm.state.displayValue.join(" " + _vm.t("ui.datepicker.to") + " ")))])]) : _vm._e()], 2), _c(_vm.state.panel, {
     ref: "picker",
     tag: "component",
     attrs: {
+      "step": _vm.step,
+      "show-week-number": _vm.showWeekNumber,
+      "format-weeks": _vm.formatWeeks,
       "visible": _vm.state.pickerVisible
@@ -371,5 +472,6 @@ },
       "pick": _vm.handlePick,
-      "select-range": _vm.handleSelectRange
+      "select-range": _vm.handleSelectRange,
+      "select-change": _vm.handleSelectChange
     }
-  })], 2);
+  })], 1);
 };
@@ -387,3 +489,3 @@ var staticRenderFns = [];
 }();
-var version = "2.9.0";
+var version = "2.10.0";
 Picker.model = {
@@ -390,0 +492,0 @@ prop: "modelValue",

package.json

 {
   "name": "@opentiny/vue-picker",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "description": "",
@@ -8,13 +8,14 @@ "main": "./lib/index.js",
   "sideEffects": false,
+  "type": "module",
   "dependencies": {
-    "@opentiny/vue-common": "~2.9.0",
-    "@opentiny/vue-renderless": "~3.9.0",
-    "@opentiny/vue-input": "~2.9.0",
-    "@opentiny/vue-locale": "~2.9.0",
-    "@opentiny/vue-date-panel": "~2.9.0",
-    "@opentiny/vue-date-range": "~2.9.0",
-    "@opentiny/vue-month-range": "~2.9.0",
-    "@opentiny/vue-time": "~2.9.0",
-    "@opentiny/vue-time-range": "~2.9.0",
-    "@opentiny/vue-time-panel": "~2.9.0"
+    "@opentiny/vue-common": "~2.10.0",
+    "@opentiny/vue-renderless": "~3.10.0",
+    "@opentiny/vue-input": "~2.10.0",
+    "@opentiny/vue-locale": "~2.10.0",
+    "@opentiny/vue-date-panel": "~2.10.0",
+    "@opentiny/vue-date-range": "~2.10.0",
+    "@opentiny/vue-month-range": "~2.10.0",
+    "@opentiny/vue-time": "~2.10.0",
+    "@opentiny/vue-time-range": "~2.10.0",
+    "@opentiny/vue-time-panel": "~2.10.0"
   },
@@ -21,0 +22,0 @@ "license": "MIT",

src/pc.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<{
     t: (this: any, path: any, options?: any) => any;
@@ -30,2 +30,5 @@ vm: any;
     suffixIcon: ObjectConstructor;
+    label: StringConstructor;
+    shape: StringConstructor;
+    tip: StringConstructor;
     clearIcon: {
@@ -39,3 +42,2 @@ type: ObjectConstructor;
     };
-    disabled: BooleanConstructor;
     clearable: {
@@ -45,2 +47,3 @@ type: BooleanConstructor;
     };
+    disabled: BooleanConstructor;
     id: {
@@ -55,2 +58,6 @@ default: string;
     };
+    align: {
+        type: StringConstructor;
+        default: string;
+    };
     editable: {
@@ -60,6 +67,2 @@ type: BooleanConstructor;
     };
-    align: {
-        type: StringConstructor;
-        default: string;
-    };
     modelValue: {};
@@ -72,4 +75,4 @@ defaultValue: {};
     };
+    unlinkPanels: BooleanConstructor;
     pickerOptions: {};
-    unlinkPanels: BooleanConstructor;
     validateEvent: {
@@ -94,82 +97,113 @@ type: BooleanConstructor;
     iso8601: BooleanConstructor;
+    displayOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    step: {
+        type: ObjectConstructor;
+        default(): {
+            hour: number;
+            minute: number;
+            second: number;
+        };
+    };
+    showWeekNumber: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    formatWeeks: FunctionConstructor;
 }, {
     name: string;
-    popperAppendToBody: boolean;
     type: string;
+    disabled: boolean;
     id: string;
     tabindex: string;
-    disabled: boolean;
+    readonly: boolean;
     clearable: boolean;
     validateEvent: boolean;
+    displayOnly: boolean;
+    popperAppendToBody: boolean;
+    editable: boolean;
+    step: Record<string, any>;
+    align: string;
+    iso8601: boolean;
+    isutc8: boolean;
+    arrowControl: boolean;
     timeArrowControl: boolean;
-    readonly: boolean;
+    showWeekNumber: boolean;
     unlinkPanels: boolean;
     isRange: boolean;
-    arrowControl: boolean;
     clearIcon: Record<string, any>;
-    editable: boolean;
-    align: string;
     rangeSeparator: string;
     showTimezone: boolean;
-    iso8601: boolean;
-    isutc8: boolean;
 } & {
-    popperClass?: string | undefined;
+    label?: string | undefined;
+    format?: string | undefined;
     modelValue?: unknown;
+    placeholder?: string | undefined;
     size?: string | undefined;
-    format?: string | undefined;
-    placeholder?: string | undefined;
+    suffixIcon?: Record<string, any> | undefined;
     prefixIcon?: Record<string, any> | undefined;
-    suffixIcon?: Record<string, any> | undefined;
+    popperClass?: string | undefined;
+    tip?: string | undefined;
+    shape?: string | undefined;
     valueFormat?: string | undefined;
+    dbTimezone?: number | undefined;
+    timezone?: number | undefined;
+    defaultValue?: unknown;
+    formatWeeks?: Function | undefined;
+    timeFormat?: string | undefined;
     startPlaceholder?: string | undefined;
     endPlaceholder?: string | undefined;
-    defaultValue?: unknown;
+    defaultTimezone?: string | undefined;
     defaultTime?: unknown;
     pickerOptions?: unknown;
     timezoneData?: unknown;
-    defaultTimezone?: string | undefined;
-    timeFormat?: string | undefined;
-    dbTimezone?: number | undefined;
-    timezone?: number | undefined;
 }> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api/dist/vue-composition-api.js").ComponentRenderProxy<{
     name: string;
-    popperAppendToBody: boolean;
     type: string;
+    disabled: boolean;
     id: string;
     tabindex: string;
-    disabled: boolean;
+    readonly: boolean;
     clearable: boolean;
     validateEvent: boolean;
+    displayOnly: boolean;
+    popperAppendToBody: boolean;
+    editable: boolean;
+    step: Record<string, any>;
+    align: string;
+    iso8601: boolean;
+    isutc8: boolean;
+    arrowControl: boolean;
     timeArrowControl: boolean;
-    readonly: boolean;
+    showWeekNumber: boolean;
     unlinkPanels: boolean;
     isRange: boolean;
-    arrowControl: boolean;
     clearIcon: Record<string, any>;
-    editable: boolean;
-    align: string;
     rangeSeparator: string;
     showTimezone: boolean;
-    iso8601: boolean;
-    isutc8: boolean;
 } & {
-    popperClass?: string | undefined;
+    label?: string | undefined;
+    format?: string | undefined;
     modelValue?: unknown;
+    placeholder?: string | undefined;
     size?: string | undefined;
-    format?: string | undefined;
-    placeholder?: string | undefined;
+    suffixIcon?: Record<string, any> | undefined;
     prefixIcon?: Record<string, any> | undefined;
-    suffixIcon?: Record<string, any> | undefined;
+    popperClass?: string | undefined;
+    tip?: string | undefined;
+    shape?: string | undefined;
     valueFormat?: string | undefined;
+    dbTimezone?: number | undefined;
+    timezone?: number | undefined;
+    defaultValue?: unknown;
+    formatWeeks?: Function | undefined;
+    timeFormat?: string | undefined;
     startPlaceholder?: string | undefined;
     endPlaceholder?: string | undefined;
-    defaultValue?: unknown;
+    defaultTimezone?: string | undefined;
     defaultTime?: unknown;
     pickerOptions?: unknown;
     timezoneData?: unknown;
-    defaultTimezone?: string | undefined;
-    timeFormat?: string | undefined;
-    dbTimezone?: number | undefined;
-    timezone?: number | undefined;
 }, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<{
@@ -186,43 +220,49 @@ t: (this: any, path: any, options?: any) => any;
     name: string;
-    popperAppendToBody: boolean;
     type: string;
+    disabled: boolean;
     id: string;
     tabindex: string;
-    disabled: boolean;
+    readonly: boolean;
     clearable: boolean;
     validateEvent: boolean;
+    displayOnly: boolean;
+    popperAppendToBody: boolean;
+    editable: boolean;
+    step: Record<string, any>;
+    align: string;
+    iso8601: boolean;
+    isutc8: boolean;
+    arrowControl: boolean;
     timeArrowControl: boolean;
-    readonly: boolean;
+    showWeekNumber: boolean;
     unlinkPanels: boolean;
     isRange: boolean;
-    arrowControl: boolean;
     clearIcon: Record<string, any>;
-    editable: boolean;
-    align: string;
     rangeSeparator: string;
     showTimezone: boolean;
-    iso8601: boolean;
-    isutc8: boolean;
 } & {
-    popperClass?: string | undefined;
+    label?: string | undefined;
+    format?: string | undefined;
     modelValue?: unknown;
+    placeholder?: string | undefined;
     size?: string | undefined;
-    format?: string | undefined;
-    placeholder?: string | undefined;
+    suffixIcon?: Record<string, any> | undefined;
     prefixIcon?: Record<string, any> | undefined;
-    suffixIcon?: Record<string, any> | undefined;
+    popperClass?: string | undefined;
+    tip?: string | undefined;
+    shape?: string | undefined;
     valueFormat?: string | undefined;
+    dbTimezone?: number | undefined;
+    timezone?: number | undefined;
+    defaultValue?: unknown;
+    formatWeeks?: Function | undefined;
+    timeFormat?: string | undefined;
     startPlaceholder?: string | undefined;
     endPlaceholder?: string | undefined;
-    defaultValue?: unknown;
+    defaultTimezone?: string | undefined;
     defaultTime?: unknown;
     pickerOptions?: unknown;
     timezoneData?: unknown;
-    defaultTimezone?: string | undefined;
-    timeFormat?: string | undefined;
-    dbTimezone?: number | undefined;
-    timezone?: number | undefined;
 }, {
     name: string;
-    popperAppendToBody: boolean;
     type: string;
@@ -233,9 +273,13 @@ id: string;
     validateEvent: boolean;
-    clearIcon: Record<string, any>;
+    displayOnly: boolean;
+    popperAppendToBody: boolean;
     editable: boolean;
+    step: Record<string, any>;
     align: string;
+    isutc8: boolean;
+    showWeekNumber: boolean;
+    clearIcon: Record<string, any>;
     rangeSeparator: string;
     showTimezone: boolean;
-    isutc8: boolean;
 }, true>);
-export default _sfc_main;
+export default _default;

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

24993

increased by21.11%

Lines of code

768

increased by23.47%

Is type module

Yes

Dependency changes

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

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

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

• + Added@opentiny/vue-date-panel@2.10.0(transitive)

• + Added@opentiny/vue-date-range@2.10.0(transitive)

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

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

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

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

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

• + Added@opentiny/vue-month-range@2.10.0(transitive)

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

• + Added@opentiny/vue-numeric@2.10.0(transitive)

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

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

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

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

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

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

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

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

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

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

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

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

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

• - Removed@opentiny/vue-date-panel@2.9.0(transitive)

• - Removed@opentiny/vue-date-range@2.9.0(transitive)

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

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

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

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

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

• - Removed@opentiny/vue-month-range@2.9.0(transitive)

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

• - Removed@opentiny/vue-numeric@2.9.0(transitive)

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

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

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

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

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

• - Removed@opentiny/vue-time-panel@2.9.0(transitive)

• - Removed@opentiny/vue-time-range@2.9.0(transitive)

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

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

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

• Updated@opentiny/vue-common@~2.10.0

• Updated@opentiny/vue-date-panel@~2.10.0

• Updated@opentiny/vue-date-range@~2.10.0

• Updated@opentiny/vue-input@~2.10.0

• Updated@opentiny/vue-locale@~2.10.0

• Updated@opentiny/vue-month-range@~2.10.0

• Updated@opentiny/vue-renderless@~3.10.0

• Updated@opentiny/vue-time@~2.10.0

• Updated@opentiny/vue-time-panel@~2.10.0

• Updated@opentiny/vue-time-range@~2.10.0