@opentiny/vue-picker - npm Package Compare versions

Comparing version 2.6.0 to 2.6.1-alpha.0

lib/index.js

@@ -1,17 +0,70 @@
-import { renderless, api } from '@opentiny/vue-renderless/picker/vue';
-import { $prefix, directive, setup } from '@opentiny/vue-common';
-import Input from '@opentiny/vue-input';
-import Clickoutside from '@opentiny/vue-renderless/common/deps/clickoutside';
-import DatePanel from '@opentiny/vue-date-panel';
-import DateRangePanel from '@opentiny/vue-date-range';
-import MonthRangePanel from '@opentiny/vue-month-range';
-import TimePanel from '@opentiny/vue-time';
-import TimeRangePanel from '@opentiny/vue-time-range';
-import TimeSelect from '@opentiny/vue-time-panel';
-import { iconCalendar, iconTime, iconClose } from '@opentiny/vue-icon';
-import '@opentiny/vue-theme/picker/index.css';
-import '@opentiny/vue-theme/input/index.css';
+import { renderless, api } from "@opentiny/vue-renderless/picker/vue";
+import { defineComponent, $prefix, directive, setup as _setup } from "@opentiny/vue-common";
+import Input from "@opentiny/vue-input";
+import Clickoutside from "@opentiny/vue-renderless/common/deps/clickoutside";
+import DatePanel from "@opentiny/vue-date-panel";
+import DateRange from "@opentiny/vue-date-range";
+import MonthRange from "@opentiny/vue-month-range";
+import Time from "@opentiny/vue-time";
+import TimeRange from "@opentiny/vue-time-range";
+import TimePanel from "@opentiny/vue-time-panel";
+import { iconCalendar, iconTime, iconClose } from "@opentiny/vue-icon";
+function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
+  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
+  if (render) {
+    options.render = render;
+    options.staticRenderFns = staticRenderFns;
+    options._compiled = true;
+  }
+  if (functionalTemplate) {
+    options.functional = true;
+  }
+  if (scopeId) {
+    options._scopeId = "data-v-" + scopeId;
+  }
+  var hook;
+  if (moduleIdentifier) {
+    hook = function hook2(context) {
+      context = context || // cached call
+      this.$vnode && this.$vnode.ssrContext || // stateful
+      this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
+        context = __VUE_SSR_CONTEXT__;
+      }
+      if (injectStyles) {
+        injectStyles.call(this, context);
+      }
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier);
+      }
+    };
+    options._ssrRegister = hook;
+  } else if (injectStyles) {
+    hook = shadowMode ? function() {
+      injectStyles.call(this, (options.functional ? this.parent : this).$root.$options.shadowRoot);
+    } : injectStyles;
+  }
+  if (hook) {
+    if (options.functional) {
+      options._injectStyles = hook;
+      var originalRender = options.render;
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context);
+        return originalRender(h, context);
+      };
+    } else {
+      var existing = options.beforeCreate;
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+    }
+  }
+  return {
+    exports: scriptExports,
+    options
+  };
+}
 
-var script = {
-  name: $prefix + 'Picker',
+import "@opentiny/vue-theme/picker/index.css";
+import "@opentiny/vue-theme/input/index.css";
+var __vue2_script = defineComponent({
+  name: $prefix + "Picker",
   components: {
@@ -23,11 +76,11 @@ TinyInput: Input,
   },
-  emits: ['created', 'select-change', 'update:modelValue', 'blur', 'focus', 'change'],
+  emits: ["created", "select-change", "update:modelValue", "blur", "focus", "change"],
   props: {
     type: {
       type: String,
-      default: 'date'
+      default: "date"
     },
     tabindex: {
       type: String,
-      default: '1'
+      default: "1"
     },
@@ -52,6 +105,6 @@ timeArrowControl: Boolean,
     name: {
-      default: '',
+      default: "",
       validator: function validator(value) {
-        return value === null || value === undefined || typeof value === 'string' || value instanceof String || Array.isArray(value) && value.length === 2 && value.every(function (item) {
-          return typeof item === 'string' || item instanceof String;
+        return value === null || value === void 0 || typeof value === "string" || value instanceof String || Array.isArray(value) && value.length === 2 && value.every(function(item) {
+          return typeof item === "string" || item instanceof String;
         });
@@ -66,6 +119,6 @@ }
     id: {
-      default: '',
-      validator: function validator(value) {
-        return value === null || value === undefined || typeof value === 'string' || value instanceof String || Array.isArray(value) && value.length === 2 && value.every(function (item) {
-          return typeof item === 'string' || item instanceof String;
+      default: "",
+      validator: function validator2(value) {
+        return value === null || value === void 0 || typeof value === "string" || value instanceof String || Array.isArray(value) && value.length === 2 && value.every(function(item) {
+          return typeof item === "string" || item instanceof String;
         });
@@ -85,3 +138,3 @@ }
       type: String,
-      default: 'left'
+      default: "left"
     },
@@ -93,3 +146,3 @@ modelValue: {},
       type: [Object, String],
-      default: '-'
+      default: "-"
     },
@@ -119,113 +172,26 @@ pickerOptions: {},
   directives: directive({
-    Clickoutside: Clickoutside
+    Clickoutside
   }),
-  setup: function setup$1(props, context) {
-    return setup({
-      props: props,
-      context: context,
-      renderless: renderless,
-      api: api,
+  setup: function setup(props, context) {
+    return _setup({
+      props,
+      context,
+      renderless,
+      api,
       extendOptions: {
-        DatePanel: DatePanel,
-        DateRangePanel: DateRangePanel,
-        MonthRangePanel: MonthRangePanel,
-        TimePanel: TimePanel,
-        TimeRangePanel: TimeRangePanel,
-        TimeSelect: TimeSelect
+        DatePanel,
+        DateRangePanel: DateRange,
+        MonthRangePanel: MonthRange,
+        TimePanel: Time,
+        TimeRangePanel: TimeRange,
+        TimeSelect: TimePanel
       }
     });
   }
-};
-
-function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
-/* server only */
-, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
-  if (typeof shadowMode !== 'boolean') {
-    createInjectorSSR = createInjector;
-    createInjector = shadowMode;
-    shadowMode = false;
-  } // Vue.extend constructor export interop.
-
-
-  var options = typeof script === 'function' ? script.options : script; // render functions
-
-  if (template && template.render) {
-    options.render = template.render;
-    options.staticRenderFns = template.staticRenderFns;
-    options._compiled = true; // functional template
-
-    if (isFunctionalTemplate) {
-      options.functional = true;
-    }
-  } // scopedId
-
-
-  if (scopeId) {
-    options._scopeId = scopeId;
-  }
-
-  var hook;
-
-  if (moduleIdentifier) {
-    // server build
-    hook = function hook(context) {
-      // 2.3 injection
-      context = context || // cached call
-      this.$vnode && this.$vnode.ssrContext || // stateful
-      this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional
-      // 2.2 with runInNewContext: true
-
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__;
-      } // inject component styles
-
-
-      if (style) {
-        style.call(this, createInjectorSSR(context));
-      } // register component module identifier for async chunk inference
-
-
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier);
-      }
-    }; // used by ssr in case component is cached and beforeCreate
-    // never gets called
-
-
-    options._ssrRegister = hook;
-  } else if (style) {
-    hook = shadowMode ? function () {
-      style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
-    } : function (context) {
-      style.call(this, createInjector(context));
-    };
-  }
-
-  if (hook) {
-    if (options.functional) {
-      // register for functional component in vue file
-      var originalRender = options.render;
-
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context);
-        return originalRender(h, context);
-      };
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate;
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-    }
-  }
-
-  return script;
-}
-
-var normalizeComponent_1 = normalizeComponent;
-
-var __vue_script__ = script;
-var __vue_render__ = function __vue_render__() {
+});
+var render = function render2() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return !_vm.state.ranged ? _c('tiny-input', _vm._b({
+  return !_vm.state.ranged ? _c("tiny-input", _vm._b({
     directives: [{
@@ -239,6 +205,6 @@ name: "clickoutside",
     staticClass: "tiny-date-editor",
-    class: 'tiny-date-editor--' + _vm.state.type,
+    class: "tiny-date-editor--" + _vm.state.type,
     attrs: {
       "tabindex": _vm.tabindex,
-      "readonly": !_vm.editable || _vm.readonly || _vm.state.type === 'dates' || _vm.state.type === 'week',
+      "readonly": !_vm.editable || _vm.readonly || _vm.state.type === "dates" || _vm.state.type === "week",
       "disabled": _vm.state.pickerDisabled,
@@ -267,5 +233,5 @@ "size": _vm.state.pickerSize,
       fn: function fn() {
-        return [_c('i', {
+        return [_c("i", {
           staticClass: "tiny-input__icon"
-        }, [_c('transition', {
+        }, [_c("transition", {
           attrs: {
@@ -286,3 +252,3 @@ "name": "tiny-transition-icon-scale-in"
           }
-        }) : _vm._e()], 1), _vm._v(" "), _c(_vm.state.triggerClass, {
+        }) : _vm._e()], 1), _c(_vm.state.triggerClass, {
           tag: "component",
@@ -313,4 +279,4 @@ staticClass: "tiny-svg-size",
       proxy: true
-    }], null, false, 297569498)
-  }, 'tiny-input', _vm.state.firstInputId, false)) : _c('div', {
+    }], null, false, 2434529918)
+  }, "tiny-input", _vm.state.firstInputId, false)) : _c("div", {
     directives: [{
@@ -324,3 +290,3 @@ name: "clickoutside",
     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" : ""],
     on: {
@@ -334,3 +300,3 @@ "click": _vm.handleFocus,
     }
-  }, [_c('input', _vm._b({
+  }, [_c("input", _vm._b({
     staticClass: "tiny-range-input",
@@ -352,4 +318,4 @@ attrs: {
     }
-  }, 'input', _vm.state.firstInputId, false)), _vm._v(" "), _vm._t("range-separator", function () {
-    return [typeof _vm.rangeSeparator === 'string' ? _c('span', {
+  }, "input", _vm.state.firstInputId, false)), _vm._t("range-separator", function() {
+    return [typeof _vm.rangeSeparator === "string" ? _c("span", {
       staticClass: "tiny-range-separator"
@@ -359,3 +325,3 @@ }, [_vm._v(_vm._s(_vm.rangeSeparator))]) : _c(_vm.rangeSeparator, {
     })];
-  }), _vm._v(" "), _c('input', _vm._b({
+  }), _c("input", _vm._b({
     staticClass: "tiny-range-input",
@@ -377,3 +343,3 @@ attrs: {
     }
-  }, 'input', _vm.state.secondInputId, false)), _vm._v(" "), _vm.state.haveTrigger ? _c('i', {
+  }, "input", _vm.state.secondInputId, false)), _vm.state.haveTrigger ? _c("i", {
     staticClass: "tiny-input__icon tiny-range__close-icon",
@@ -383,3 +349,3 @@ on: {
     }
-  }, [_c('transition', {
+  }, [_c("transition", {
     attrs: {
@@ -390,7 +356,7 @@ "name": "tiny-transition-icon-scale-in"
     tag: "component"
-  })], 1)], 1) : _vm._e(), _vm._v(" "), _c('i', {
+  })], 1)], 1) : _vm._e(), _c("i", {
     staticClass: "tiny-input__icon tiny-range__icon tiny-input__suffix"
   }, [_c(_vm.state.triggerClass, {
     tag: "component"
-  })], 1), _vm._v(" "), _c(_vm.state.panel, {
+  })], 1), _c(_vm.state.panel, {
     ref: "picker",
@@ -407,21 +373,24 @@ tag: "component",
 };
-var __vue_staticRenderFns__ = [];
-var __vue_inject_styles__ = undefined;
-var __vue_scope_id__ = undefined;
-var __vue_module_identifier__ = undefined;
-var __vue_is_functional_template__ = false;
-var __vue_component__ = normalizeComponent_1({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-__vue_component__.model = {
-  prop: 'modelValue',
-  event: 'update:modelValue'
+var staticRenderFns = [];
+var __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
+function __vue2_injectStyles(context) {
+  for (var o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
+}
+var Picker = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+var version = "3.7.0";
+Picker.model = {
+  prop: "modelValue",
+  event: "update:modelValue"
 };
-__vue_component__.install = function (Vue) {
-  Vue.component(__vue_component__.name, __vue_component__);
+Picker.install = function(Vue) {
+  Vue.component(Picker.name, Picker);
 };
-__vue_component__.version = '2.6.0';
-
-export { __vue_component__ as default };
+Picker.version = version;
+export {
+  Picker as default
+};

package.json

 {
   "name": "@opentiny/vue-picker",
-  "version": "2.6.0",
+  "version": "2.6.1-alpha.0",
   "description": "",
-  "main": "lib/index.js",
-  "scripts": {
-    "lint": "eslint src/**/*{.js,.html,.vue} --quiet",
-    "build:ui2": "cross-env BUILD_TARGET=single NODE_ENV=production node ../../build/build-ui.js",
-    "build:ui3": "cross-env BUILD_TARGET=single NODE_ENV=production node ../../example/build/build-ui.js"
-  },
+  "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-common": "~2.6.0",
-    "@opentiny/vue-renderless": "~3.6.0",
-    "@opentiny/vue-input": "~2.6.0",
-    "@opentiny/vue-locale": "~2.6.0",
-    "@opentiny/vue-date-panel": "~2.6.0",
-    "@opentiny/vue-date-range": "~2.6.0",
-    "@opentiny/vue-month-range": "~2.6.0",
-    "@opentiny/vue-time": "~2.6.0",
-    "@opentiny/vue-time-range": "~2.6.0",
-    "@opentiny/vue-time-panel": "~2.6.0",
-    "@opentiny/vue-icon": "~2.6.0",
-    "@opentiny/vue-theme": "~3.6.0",
-    "@opentiny/vue-theme-mobile": "~3.6.0"
+    "@opentiny/vue-common": "~2.6.1-alpha.0",
+    "@opentiny/vue-renderless": "~3.6.1-alpha.0",
+    "@opentiny/vue-input": "~2.6.1-alpha.0",
+    "@opentiny/vue-locale": "~2.6.1-alpha.0",
+    "@opentiny/vue-date-panel": "~2.6.1-alpha.0",
+    "@opentiny/vue-date-range": "~2.6.1-alpha.0",
+    "@opentiny/vue-month-range": "~2.6.1-alpha.0",
+    "@opentiny/vue-time": "~2.6.1-alpha.0",
+    "@opentiny/vue-time-range": "~2.6.1-alpha.0",
+    "@opentiny/vue-time-panel": "~2.6.1-alpha.0"
   },
   "license": "MIT",
-  "sideEffects": false
+  "types": "index.d.ts",
+  "scripts": {
+    "build": "pnpm -w build:ui $npm_package_name",
+    "//postversion": "pnpm build"
+  }
 }

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

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

20382

increased by52.82%

Dependency count

10

decreased by-23.08%

Number of package files

5

increased by150%

Lines of code

618

increased by60.52%

Worsened metrics

Number of low license alerts

2

increased byInfinity%

License quality

80

decreased by-20%

Number of low quality alerts

2

increased by100%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removed@opentiny/vue-icon@~2.6.0

• - Removed@opentiny/vue-theme@~3.6.0

• - Removed@opentiny/vue-theme-mobile@~3.6.0

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

• Updated@opentiny/vue-date-panel@~2.6.1-alpha.0

• Updated@opentiny/vue-date-range@~2.6.1-alpha.0

• Updated@opentiny/vue-input@~2.6.1-alpha.0

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

• Updated@opentiny/vue-month-range@~2.6.1-alpha.0

• Updated@opentiny/vue-renderless@~3.6.1-alpha.0

• Updated@opentiny/vue-time@~2.6.1-alpha.0

• Updated@opentiny/vue-time-panel@~2.6.1-alpha.0

• Updated@opentiny/vue-time-range@~2.6.1-alpha.0