@opentiny/vue-option - npm Package Compare versions

Comparing version 3.6.0 to 3.6.1-alpha.0

index.d.ts

@@ -13,3 +13,2 @@ /**
 import Option from './src/index.vue';
-import '@opentiny/vue-theme/option/index.css';
 export default Option;

lib/index.js

@@ -1,9 +0,54 @@
-import { renderless, api } from '@opentiny/vue-renderless/option/vue';
-import { $prefix, setup } from '@opentiny/vue-common';
-import { iconCheck, iconCheckedSur } from '@opentiny/vue-icon';
-import { withDirectives, openBlock, createElementBlock, withModifiers, normalizeClass, createBlock, resolveDynamicComponent, createCommentVNode, renderSlot, createElementVNode, toDisplayString, vShow } from 'vue';
+import { renderless, api } from "@opentiny/vue-renderless/option/vue";
+import { defineComponent, $prefix, setup as _setup } from "@opentiny/vue-common";
+import { iconCheck, iconCheckedSur } from "@opentiny/vue-icon";
+import { withDirectives, openBlock, createElementBlock, withModifiers, normalizeClass, createBlock, resolveDynamicComponent, createCommentVNode, renderSlot, createElementVNode, toDisplayString, vShow } from "vue";
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it)
+    return (it = it.call(o)).next.bind(it);
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it)
+      o = it;
+    var i = 0;
+    return function() {
+      if (i >= o.length)
+        return { done: true };
+      return { done: false, value: o[i++] };
+    };
+  }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o)
+    return;
+  if (typeof o === "string")
+    return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor)
+    n = o.constructor.name;
+  if (n === "Map" || n === "Set")
+    return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+    return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length)
+    len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+var _export_sfc = function _export_sfc2(sfc, props) {
+  var target = sfc.__vccOpts || sfc;
+  for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
+    var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
+    target[key] = val;
+  }
+  return target;
+};
 
-var script = {
-  name: $prefix + 'Option',
-  componentName: 'Option',
+import "@opentiny/vue-theme/option/index.css";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  name: $prefix + "Option",
+  componentName: "Option",
   components: {
@@ -35,75 +80,57 @@ IconCheck: iconCheck(),
   },
-  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,
       mono: true
     });
   }
-};
-
+});
 var _hoisted_1 = {
   key: 0
 };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return withDirectives((openBlock(), createElementBlock("li", {
-    ref: "option",
-    onMouseenter: _cache[0] || (_cache[0] = function () {
-      return _ctx.hoverItem && _ctx.hoverItem.apply(_ctx, arguments);
-    }),
-    onClick: _cache[1] || (_cache[1] = withModifiers(function () {
-      return _ctx.selectOptionClick && _ctx.selectOptionClick.apply(_ctx, arguments);
-    }, ["stop"])),
-    onMousedown: _cache[2] || (_cache[2] = withModifiers(function () {}, ["stop"])),
-    class: normalizeClass(["tiny-select-dropdown__item", [{
-      selected: _ctx.state.itemSelected,
-      'is-disabled': $props.disabled || _ctx.state.groupDisabled || _ctx.state.limitReached,
-      hover: _ctx.state.hover
-    }, $props.highlightClass]])
-  }, [_ctx.state.select.multiple && !_ctx.state.select.state.multipleLimit ? (openBlock(), createElementBlock("span", _hoisted_1, [(openBlock(), createBlock(resolveDynamicComponent("icon-".concat(_ctx.state.selectCls)), {
-    class: "tiny-svg-size"
-  }))])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, function () {
-    return [createElementVNode("span", null, toDisplayString(_ctx.state.currentLabel), 1)];
-  })], 34)), [[vShow, $props.visible && _ctx.state.visible]]);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return withDirectives((openBlock(), createElementBlock(
+    "li",
+    {
+      ref: "option",
+      onMouseenter: _cache[0] || (_cache[0] = function() {
+        return _ctx.hoverItem && _ctx.hoverItem.apply(_ctx, arguments);
+      }),
+      onClick: _cache[1] || (_cache[1] = withModifiers(function() {
+        return _ctx.selectOptionClick && _ctx.selectOptionClick.apply(_ctx, arguments);
+      }, ["stop"])),
+      onMousedown: _cache[2] || (_cache[2] = withModifiers(function() {
+      }, ["stop"])),
+      class: normalizeClass(["tiny-select-dropdown__item", [{
+        selected: _ctx.state.itemSelected,
+        "is-disabled": _ctx.disabled || _ctx.state.groupDisabled || _ctx.state.limitReached,
+        hover: _ctx.state.hover
+      }, _ctx.highlightClass]])
+    },
+    [_ctx.state.select.multiple && !_ctx.state.select.state.multipleLimit ? (openBlock(), createElementBlock("span", _hoisted_1, [(openBlock(), createBlock(resolveDynamicComponent("icon-" + _ctx.state.selectCls), {
+      class: "tiny-svg-size"
+    }))])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, function() {
+      return [createElementVNode(
+        "span",
+        null,
+        toDisplayString(_ctx.state.currentLabel),
+        1
+        /* TEXT */
+      )];
+    })],
+    34
+    /* CLASS, HYDRATE_EVENTS */
+  )), [[vShow, _ctx.visible && _ctx.state.visible]]);
 }
-
-script.render = render;
-
-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-select-dropdown{--ti-select-dropdown-item-text-color:var(--ti-base-color-info-normal);--ti-select-dropdown-item-font-size:var(--ti-common-font-size-base);--ti-select-dropdown-item-height:var(--ti-base-size-height-minor);--ti-select-dropdown-item-disabled-text-color:var(--ti-base-color-placeholder);--ti-select-dropdown-item-disabled-bg-color:var(--ti-base-color-light);--ti-select-dropdown-item-bg-color:var(--ti-base-color-light);--ti-select-dropdown-item-hover-bg-color:var(--ti-base-color-hover-background);--ti-select-dropdown-item-selected-bg-color:var(--ti-base-color-selected-background);--ti-select-dropdown-item-selected-text-color:var(--ti-base-color-selected-text-color);--ti-select-dropdown-item-icon-color:var(--ti-common-color-line-normal);--ti-select-dropdown-item-icon-font-size:var(--ti-common-font-size-2);--ti-select-dropdown-item-icon-color-selected:var(--ti-base-color-brand-6);--ti-select-dropdown-item-disabled-icon-color:var(--ti-common-color-icon-disabled)}.tiny-select-dropdown.is-multiple .tiny-select-dropdown__item.selected{color:var(--ti-select-dropdown-item-text-color);background-color:var(--ti-select-dropdown-item-bg-color)}.tiny-select-dropdown.is-multiple .tiny-select-dropdown__item.selected.is-disabled{color:var(--ti-select-dropdown-item-disabled-text-color)}.tiny-select-dropdown.is-multiple .tiny-select-dropdown__item.selected.is-disabled:hover{background-color:var(--ti-select-dropdown-item-disabled-bg-color)}.tiny-select-dropdown__item{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ti-select-dropdown-item-text-color);font-size:var(--ti-select-dropdown-item-font-size);height:var(--ti-select-dropdown-item-height);line-height:var(--ti-select-dropdown-item-height);cursor:pointer}.tiny-select-dropdown__item.is-disabled{color:var(--ti-select-dropdown-item-disabled-text-color);cursor:not-allowed}.tiny-select-dropdown__item.is-disabled:hover{background-color:var(--ti-select-dropdown-item-disabled-bg-color)}.tiny-select-dropdown__item.hover,.tiny-select-dropdown__item:hover{background-color:var(--ti-select-dropdown-item-hover-bg-color)}.tiny-select-dropdown__item.selected{color:var(--ti-select-dropdown-item-selected-text-color);background-color:var(--ti-select-dropdown-item-selected-bg-color)}.tiny-select-dropdown__item .tiny-svg{fill:var(--ti-select-dropdown-item-icon-color);font-size:var(--ti-select-dropdown-item-icon-font-size);margin-right:8px}.tiny-select-dropdown__item .checked-sur.tiny-svg,.tiny-select-dropdown__item .halfselect.tiny-svg,.tiny-select-dropdown__item.hover .tiny-svg,.tiny-select-dropdown__item.selected .tiny-svg{fill:var(--ti-select-dropdown-item-icon-color-selected)}.tiny-select-dropdown__item.selected .tiny-svg{fill:var(--ti-select-dropdown-item-icon-color-selected)}.tiny-select-dropdown__item.memorize-highlight{color:var(--ti-select-dropdown-item-icon-color-selected)}";
-styleInject(css_248z);
-
-script.install = function (Vue) {
-  Vue.component(script.name, script);
+var Option = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+var version = "3.7.0";
+Option.install = function(Vue) {
+  Vue.component(Option.name, Option);
 };
-script.version = '3.6.0';
-
-export { script as default };
+Option.version = version;
+export {
+  Option as default
+};

package.json

 {
   "name": "@opentiny/vue-option",
-  "version": "3.6.0",
+  "version": "3.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-renderless": "~3.6.0",
-    "@opentiny/vue-common": "~3.6.0",
-    "@opentiny/vue-icon": "~3.6.0",
-    "@opentiny/vue-theme": "~3.6.0",
-    "@opentiny/vue-theme-mobile": "~3.6.0"
+    "@opentiny/vue-renderless": "~3.6.1-alpha.0",
+    "@opentiny/vue-common": "~3.6.1-alpha.0",
+    "@opentiny/vue-icon": "~3.6.1-alpha.0"
   },
   "license": "MIT",
   "types": "index.d.ts",
-  "sideEffects": false
+  "scripts": {
+    "build": "pnpm -w build:ui $npm_package_name",
+    "//postversion": "pnpm build"
+  }
 }

src/index.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _sfc_main: import("@vue/runtime-core").DefineComponent<{
     value: {
@@ -21,3 +21,3 @@ required: true;
 }, {
-    t: any;
+    t: (this: any, path: any, options?: any) => any;
     vm: any;
@@ -28,3 +28,3 @@ f: (props: any, attrs?: {}) => {};
     dp: (props: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
     value: {
@@ -49,7 +49,7 @@ required: true;
 }>>, {
+    disabled: boolean;
+    created: boolean;
     visible: boolean;
-    disabled: boolean;
     events: Record<string, any>;
-    created: boolean;
 }>;
-export default _default;
+export default _sfc_main;

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

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

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

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

Improved metrics

Dependency count

3

decreased by-40%

Number of package files

5

increased by25%

Lines of code

199

increased by14.37%

Number of low supply chain risk alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

8169

decreased by-8.85%

Number of low quality alerts

2

increased by100%

Dependency changes

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

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

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

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

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