@opentiny/vue-button-group - npm Package Compare versions

Comparing version 2.6.7 to 2.7.0

lib/index.js

@@ -19,6 +19,3 @@ function _extends() {
 var template = function template2(mode) {
-  if ("mobile" === (process.env.TINY_MODE || mode))
-    return MobileTemplate;
-  else
-    return PcTemplate;
+  return PcTemplate;
 };
@@ -50,2 +47,6 @@ var ButtonGroup = defineComponent({
       default: false
+    },
+    border: {
+      type: Boolean,
+      default: true
     }
@@ -61,3 +62,3 @@ }),
 });
-var version = "3.7.0";
+var version = "2.7.0";
 ButtonGroup.model = {
@@ -64,0 +65,0 @@ prop: "modelValue",

lib/pc.js

@@ -60,4 +60,5 @@ import { renderless, api } from "@opentiny/vue-renderless/button-group/vue";
 
-var __vue2_script = defineComponent({
-  props: [].concat(props, ["size", "data", "plain", "modelValue", "disabled", "valueField", "textField", "showMore", "showEdit"]),
+var _sfc_main = defineComponent({
+  emits: ["change", "edit", "update:modelValue"],
+  props: [].concat(props, ["size", "data", "plain", "modelValue", "disabled", "valueField", "textField", "showMore", "showEdit", "border"]),
   components: {
@@ -78,8 +79,8 @@ TinyPopover: Popover,
 });
-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("div", {
-    staticClass: "tiny-button-group"
+    staticClass: "tiny-button-group",
+    class: [_vm.size ? "tiny-button-group--" + _vm.size : "", _vm.border ? "" : "tiny-button-group--borderless"]
   }, [_vm._t("default", function() {
@@ -97,4 +98,4 @@ return [!(_vm.showMore && _vm.showMore > 0) ? _c("ul", {
         style: {
-          height: _vm.size == "medium" ? "42px" : _vm.size == "small" ? "36px" : _vm.size == "mini" ? "24px" : "",
-          "line-height": _vm.size == "medium" ? "40px" : _vm.size == "small" ? "34px" : _vm.size == "mini" ? "22px" : ""
+          height: _vm.size === "medium" ? "42px" : _vm.size === "small" ? "36px" : _vm.size === "mini" ? "24px" : "",
+          "line-height": _vm.size === "medium" ? "40px" : _vm.size === "small" ? "34px" : _vm.size === "mini" ? "22px" : ""
         },
@@ -109,3 +110,12 @@ attrs: {
         }
-      }, [_vm._v(" " + _vm._s(node[_vm.textField]) + " ")])]);
+      }, [_vm._v(" " + _vm._s(node[_vm.textField]) + " ")]), node.sup ? _c("span", {
+        class: ["tiny-group-item__sup", {
+          "tiny-group-item__sup-text": !node.sup.slot && !node.sup.icon && node.sup.text,
+          "tiny-group-item__sup-icon": !node.sup.slot && node.sup.icon
+        }, typeof node.sup.class === "string" ? node.sup.class : ""].concat(Array.isArray(node.sup.class) ? node.sup.class : [])
+      }, [node.sup.slot ? _vm._t(node.sup.slot, null, {
+        "sup": node.sup
+      }) : node.sup.icon ? _c(node.sup.icon, {
+        tag: "component"
+      }) : node.sup.text ? _c("span", [_vm._v(_vm._s(node.sup.text))]) : _vm._e()], 2) : _vm._e()]);
     }), 0) : _c("ul", {
@@ -126,3 +136,12 @@ staticClass: "tiny-group-item show-more"
         }
-      }, [_vm._v(" " + _vm._s(node[_vm.textField]) + " ")])], 1);
+      }, [_vm._v(" " + _vm._s(node[_vm.textField]) + " ")]), node.sup ? _c("span", {
+        class: ["tiny-group-item__sup", {
+          "tiny-group-item__sup-text": !node.sup.slot && !node.sup.icon && node.sup.text,
+          "tiny-group-item__sup-icon": !node.sup.slot && node.sup.icon
+        }, typeof node.sup.class === "string" ? node.sup.class : ""].concat(Array.isArray(node.sup.class) ? node.sup.class : [])
+      }, [node.sup.slot ? _vm._t(node.sup.slot, null, {
+        "sup": node.sup
+      }) : node.sup.icon ? _c(node.sup.icon, {
+        tag: "component"
+      }) : node.sup.text ? _c("span", [_vm._v(_vm._s(node.sup.text))]) : _vm._e()], 2) : _vm._e()], 1);
     }), _vm.data.length > _vm.showMore ? _c("li", {
@@ -172,15 +191,7 @@ staticClass: "tiny-group-item__more"
 };
-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-button-group",
-  "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,6 +0,6 @@
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("@opentiny/vue-common").DefineComponent<{
     size: StringConstructor;
     data: ArrayConstructor;
     plain: BooleanConstructor;
-    modelValue: (StringConstructor | NumberConstructor)[];
+    modelValue: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
@@ -20,40 +20,50 @@ valueField: {
     };
-}, {
-    plain: boolean;
-    disabled: boolean;
+    border: {
+        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/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("@opentiny/vue-common").ExtractPropTypes<{
+    size: StringConstructor;
+    data: ArrayConstructor;
+    plain: BooleanConstructor;
+    modelValue: (NumberConstructor | StringConstructor)[];
+    disabled: BooleanConstructor;
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
+    showMore: NumberConstructor;
+    showEdit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    border: {
+        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;
+}>>, {
+    textField: string;
     valueField: string;
-    textField: string;
-    showEdit: boolean;
-} & {
-    data?: unknown[] | undefined;
-    size?: string | undefined;
-    showMore?: number | undefined;
-    modelValue?: string | number | undefined;
-}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    plain: boolean;
+    tiny_mode_root: boolean;
     disabled: boolean;
-    valueField: string;
-    textField: string;
-    showEdit: boolean;
-} & {
-    data?: unknown[] | undefined;
-    size?: string | undefined;
-    showMore?: number | undefined;
-    modelValue?: string | number | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {}, {}, {
     plain: boolean;
-    disabled: boolean;
-    valueField: string;
-    textField: string;
     showEdit: boolean;
-} & {
-    data?: unknown[] | undefined;
-    size?: string | undefined;
-    showMore?: number | undefined;
-    modelValue?: string | number | undefined;
-}, {
-    valueField: string;
-    textField: string;
-    showEdit: boolean;
-}, true>);
+    border: boolean;
+}>;
 export default _default;

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" | "edit")[], 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

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

13572

increased by9.43%

Lines of code

360

increased by4.05%

Number of low supply chain risk alerts

1

decreased by-50%

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.8(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