@opentiny/vue-checkbox - npm Package Compare versions

Comparing version 2.6.7 to 2.7.0

lib/index.js

@@ -18,7 +18,14 @@ function _extends() {
 import MobileTemplate from "./mobile.js";
+import MobileFirstTemplate from "./mobile-first.js";
 var template = function template2(mode) {
-  if ("mobile" === (process.env.TINY_MODE || mode))
+  if ("pc" === (process.env.TINY_MODE || mode)) {
+    return PcTemplate;
+  }
+  if ("mobile" === (process.env.TINY_MODE || mode)) {
     return MobileTemplate;
-  else
-    return PcTemplate;
+  }
+  if ("mobile-first" === (process.env.TINY_MODE || mode)) {
+    return MobileFirstTemplate;
+  }
+  return PcTemplate;
 };
@@ -68,2 +75,6 @@ var $constants = {
       }
+    },
+    displayOnly: {
+      type: Boolean,
+      default: false
     }
@@ -79,3 +90,3 @@ }),
 });
-var version = "3.7.0";
+var version = "2.7.0";
 Checkbox.model = {
@@ -82,0 +93,0 @@ prop: "modelValue",

lib/mobile.js

@@ -58,3 +58,3 @@ import { renderless, api } from "@opentiny/vue-renderless/checkbox/vue";
 
-var __vue2_script = defineComponent({
+var _sfc_main = defineComponent({
   inheritAttrs: false,
@@ -71,6 +71,5 @@ props: [].concat(props, ["modelValue", "text", "events", "label", "indeterminate", "disabled", "checked", "name", "trueLabel", "falseLabel", "id"]),
 });
-var render = function render2() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  _vm._self._setupProxy;
   return _c("label", {
@@ -181,15 +180,7 @@ staticClass: "tiny-mobile-checkbox",
 };
-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 mobile = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
+var mobile = __component__.exports;
 export {
   mobile as default
 };

lib/pc.js

@@ -59,5 +59,5 @@ import { renderless, api } from "@opentiny/vue-renderless/checkbox/vue";
 
-var __vue2_script = defineComponent({
+var _sfc_main = defineComponent({
   emits: ["change", "update:modelValue", "complete"],
-  props: [].concat(props, ["modelValue", "text", "events", "label", "indeterminate", "disabled", "checked", "name", "trueLabel", "falseLabel", "id", "controls", "size", "border", "validateEvent"]),
+  props: [].concat(props, ["modelValue", "text", "events", "label", "indeterminate", "disabled", "checked", "name", "trueLabel", "falseLabel", "id", "controls", "size", "border", "validateEvent", "displayOnly"]),
   components: {
@@ -77,6 +77,5 @@ IconHalfselect: iconHalfselect(),
 });
-var render = function render2() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  _vm._self._setupProxy;
   return _c("label", _vm._b({
@@ -90,2 +89,6 @@ staticClass: "tiny-checkbox",
       "is-checked": _vm.state.isChecked
+    }, {
+      "is-group-display-only": _vm.state.isGroupDisplayOnly
+    }, {
+      "is-display-only": _vm.state.isDisplayOnly
     }],
@@ -113,9 +116,9 @@ attrs: {
     }
-  }, [!_vm.state.isChecked && !_vm.indeterminate ? _c("icon-check", {
-    staticClass: "tiny-svg-size"
-  }) : _vm._e(), _vm.state.isChecked ? _c("icon-checked-sur", {
-    staticClass: "tiny-svg-size"
-  }) : _vm._e(), _vm.indeterminate ? _c("icon-halfselect", {
-    staticClass: "tiny-svg-size"
-  }) : _vm._e()], 1), _vm.trueLabel || _vm.falseLabel ? _c("input", {
+  }, [_vm.indeterminate ? _c("icon-halfselect", {
+    staticClass: "tiny-svg-size icon-halfselect"
+  }) : _vm.state.isChecked ? _c("icon-checked-sur", {
+    staticClass: "tiny-svg-size icon-checked-sur"
+  }) : _c("icon-check", {
+    staticClass: "tiny-svg-size icon-check"
+  })], 1), _vm.trueLabel || _vm.falseLabel ? _c("input", {
     directives: [{
@@ -206,3 +209,3 @@ name: "model",
   })]), _vm.slots.default && _vm.slots.default() || _vm.text || _vm.label ? _c("span", {
-    staticClass: "tiny-checkbox__label"
+    staticClass: "tiny-checkbox__label tiny-checkbox-display-only"
   }, [_vm._t("default", function() {
@@ -212,15 +215,7 @@ return [_vm._v(_vm._s(_vm.text || _vm.label))];
 };
-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 pc = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
+var pc = __component__.exports;
 export {
   pc as default
 };

package.json

 {
   "name": "@opentiny/vue-checkbox",
-  "version": "2.6.7",
+  "version": "2.7.0",
   "description": "",
   "main": "./lib/index.js",
+  "module": "./lib/index.js",
+  "sideEffects": false,
   "dependencies": {
-    "@opentiny/vue-common": "~2.6.7",
-    "@opentiny/vue-renderless": "~3.6.6"
+    "@opentiny/vue-common": "~2.7.0",
+    "@opentiny/vue-renderless": "~3.9.0"
   },
@@ -10,0 +12,0 @@ "license": "MIT",

src/index.d.ts

@@ -1,2 +0,2 @@
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<() => import("vue").VNode> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("@opentiny/vue-common").DefineComponent<{
     _constants: {
@@ -17,4 +17,4 @@ type: ObjectConstructor;
     name: StringConstructor;
-    trueLabel: (StringConstructor | NumberConstructor)[];
-    falseLabel: (StringConstructor | NumberConstructor)[];
+    trueLabel: (NumberConstructor | StringConstructor)[];
+    falseLabel: (NumberConstructor | StringConstructor)[];
     id: StringConstructor;
@@ -33,61 +33,64 @@ controls: StringConstructor;
     };
-}, {
-    disabled: boolean;
+    displayOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}, () => import("vue").VNode, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("@opentiny/vue-common").ExtractPropTypes<{
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            FORM_ITEM: string;
+            FORM_CHANGE: string;
+            CHECKBOX: string;
+            CHECKBOX_GROUP: string;
+        };
+    };
+    modelValue: {};
+    label: {};
+    indeterminate: BooleanConstructor;
+    disabled: BooleanConstructor;
+    checked: BooleanConstructor;
+    name: StringConstructor;
+    trueLabel: (NumberConstructor | StringConstructor)[];
+    falseLabel: (NumberConstructor | StringConstructor)[];
+    id: StringConstructor;
+    controls: StringConstructor;
+    border: BooleanConstructor;
+    size: StringConstructor;
+    text: StringConstructor;
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    events: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    displayOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}>>, {
+    tiny_mode_root: boolean;
     _constants: Record<string, any>;
-    validateEvent: boolean;
-    events: Record<string, any>;
-    indeterminate: boolean;
-    checked: boolean;
-    border: boolean;
-} & {
-    name?: string | undefined;
-    size?: string | undefined;
-    text?: string | undefined;
-    modelValue?: unknown;
-    label?: unknown;
-    id?: string | undefined;
-    controls?: string | undefined;
-    trueLabel?: string | number | undefined;
-    falseLabel?: string | number | undefined;
-}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     disabled: boolean;
-    _constants: Record<string, any>;
-    validateEvent: boolean;
+    displayOnly: boolean;
     events: Record<string, any>;
-    indeterminate: boolean;
-    checked: boolean;
     border: boolean;
-} & {
-    name?: string | undefined;
-    size?: string | undefined;
-    text?: string | undefined;
-    modelValue?: unknown;
-    label?: unknown;
-    id?: string | undefined;
-    controls?: string | undefined;
-    trueLabel?: string | number | undefined;
-    falseLabel?: string | number | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<() => import("vue").VNode>, import("@vue/composition-api").Data, {}, {}, {
-    disabled: boolean;
-    _constants: Record<string, any>;
-    validateEvent: boolean;
-    events: Record<string, any>;
     indeterminate: boolean;
     checked: boolean;
-    border: boolean;
-} & {
-    name?: string | undefined;
-    size?: string | undefined;
-    text?: string | undefined;
-    modelValue?: unknown;
-    label?: unknown;
-    id?: string | undefined;
-    controls?: string | undefined;
-    trueLabel?: string | number | undefined;
-    falseLabel?: string | number | undefined;
-}, {
-    _constants: Record<string, any>;
     validateEvent: boolean;
-    events: Record<string, any>;
-}, true>);
+}>;
 export default _default;

src/mobile.vue.d.ts

@@ -1,15 +0,4 @@
-declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    t: (this: any, path: any, options?: any) => any;
-    vm: any;
-    f: (props: any, attrs?: {}) => {};
-    a: (attrs: any, filters: any, include: any) => {};
-    d: (props: any) => void;
-    dp: (props: any) => void;
-}> & import("@vue/composition-api").Data, {}, {}, Readonly<{
+declare const _sfc_main: import("@opentiny/vue-common").DefineComponent<Readonly<{
     [x: string]: any;
 }>, {
-    [x: string]: any;
-} & {}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    [x: string]: any;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     t: (this: any, path: any, options?: any) => any;
@@ -21,7 +10,9 @@ vm: any;
     dp: (props: any) => void;
-}>, import("@vue/composition-api").Data, {}, {}, {
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("@opentiny/vue-common").ExtractPropTypes<Readonly<{
     [x: string]: any;
-} & {}, {
+}>>>, {
     [x: string]: any;
-}, true>);
+}>;
 export default _sfc_main;

src/pc.vue.d.ts

@@ -1,15 +0,4 @@
-declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    t: (this: any, path: any, options?: any) => any;
-    vm: any;
-    f: (props: any, attrs?: {}) => {};
-    a: (attrs: any, filters: any, include: any) => {};
-    d: (props: any) => void;
-    dp: (props: any) => void;
-}> & import("@vue/composition-api").Data, {}, {}, Readonly<{
+declare const _sfc_main: import("@opentiny/vue-common").DefineComponent<Readonly<{
     [x: string]: any;
 }>, {
-    [x: string]: any;
-} & {}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    [x: string]: any;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     t: (this: any, path: any, options?: any) => any;
@@ -21,7 +10,9 @@ vm: any;
     dp: (props: any) => void;
-}>, import("@vue/composition-api").Data, {}, {}, {
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("update:modelValue" | "change" | "complete")[], string, Readonly<import("@opentiny/vue-common").ExtractPropTypes<Readonly<{
     [x: string]: any;
-} & {}, {
+}>>>, {
     [x: string]: any;
-}, true>);
+}>;
 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

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

31093

increased by35.77%

Number of package files

11

increased by22.22%

Lines of code

859

increased by31.35%

Worsened metrics

Number of low supply chain risk alerts

4

increased by100%

Dependency changes

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

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

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

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

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

• + Addedtailwind-merge@1.14.0(transitive)

• - Removed@babel/helper-string-parser@7.25.9(transitive)

• - Removed@babel/helper-validator-identifier@7.25.9(transitive)

• - Removed@babel/parser@7.26.2(transitive)

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

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

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

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

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

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

• - Removed@vue/compiler-sfc@2.7.16(transitive)

• - Removed@vue/composition-api@1.2.4(transitive)

• - Removedcsstype@3.1.3(transitive)

• - Removednanoid@3.3.7(transitive)

• - Removedpicocolors@1.1.1(transitive)

• - Removedpostcss@8.4.49(transitive)

• - Removedprettier@2.8.8(transitive)

• - Removedsource-map@0.6.1(transitive)

• - Removedsource-map-js@1.2.1(transitive)

• - Removedtslib@2.8.1(transitive)

• - Removedvue@2.7.16(transitive)

• Updated@opentiny/vue-common@~2.7.0

• Updated@opentiny/vue-renderless@~3.9.0