xrk-components 2.0.0-beta.22 → 2.0.0-beta.24

package/lib/index.css

@@ -19657,8 +19657,8 @@
   background-color: #f0f0f0;
 }
 .xrk-custom-image-viewer[data-v-35819562] {
-  width: 500px;
-  height: 500px;
+  width: 100%;
+  height: 100%;
   position: relative;
   overflow: hidden;
 }

package/lib/index.esm.js

@@ -71088,7 +71088,8 @@ var __default__$A = {
 var script$C = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$A), { props: {
         btns: { type: null, required: true },
         maxLine: { type: Number, required: false, default: 1 },
-        trigger: { type: String, required: false, default: 'click' }
+        trigger: { type: String, required: false, default: 'click' },
+        maxCount: { type: Number, required: false }
     }, setup: function (__props) {
         var props = __props;
         var popoverRef = ref();
@@ -71097,6 +71098,16 @@ var script$C = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$A
         onMounted(function () {
             var _a, _b;
             var btns = (_a = btnsRef.value) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.xrk-button');
+            var maxCount = props.maxCount;
+            if (maxCount) {
+                if (((btns === null || btns === void 0 ? void 0 : btns.length) || 0) > maxCount) {
+                    btns === null || btns === void 0 ? void 0 : btns.forEach(function (btn, index) {
+                        index >= maxCount && (btn.style.display = 'none');
+                    });
+                    showMore.value = true;
+                }
+                return;
+            }
             btns === null || btns === void 0 ? void 0 : btns.forEach(function (btn) { return (btn.style.display = 'none'); });
             var heightMap = new Map();
             var heightSet = new Set();
@@ -71271,7 +71282,10 @@ var script$B = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$z
 
 script$B.__file = "packages/base/image/image.vue";
 
-var _hoisted_1$f = { key: 0 };
+var _hoisted_1$f = {
+    key: 0,
+    style: { "width": "100%", "height": "100%" }
+};
 var _hoisted_2$8 = {
     key: 0,
     style: { "position": "absolute", "width": "100%", "height": "100%", "left": "0", "top": "0" }

package/lib/index.umd.js

@@ -71091,7 +71091,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   var script$C = /*#__PURE__*/ vue.defineComponent(__assign(__assign({}, __default__$A), { props: {
           btns: { type: null, required: true },
           maxLine: { type: Number, required: false, default: 1 },
-          trigger: { type: String, required: false, default: 'click' }
+          trigger: { type: String, required: false, default: 'click' },
+          maxCount: { type: Number, required: false }
       }, setup: function (__props) {
           var props = __props;
           var popoverRef = vue.ref();
@@ -71100,6 +71101,16 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           vue.onMounted(function () {
               var _a, _b;
               var btns = (_a = btnsRef.value) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.xrk-button');
+              var maxCount = props.maxCount;
+              if (maxCount) {
+                  if (((btns === null || btns === void 0 ? void 0 : btns.length) || 0) > maxCount) {
+                      btns === null || btns === void 0 ? void 0 : btns.forEach(function (btn, index) {
+                          index >= maxCount && (btn.style.display = 'none');
+                      });
+                      showMore.value = true;
+                  }
+                  return;
+              }
               btns === null || btns === void 0 ? void 0 : btns.forEach(function (btn) { return (btn.style.display = 'none'); });
               var heightMap = new Map();
               var heightSet = new Set();
@@ -71274,7 +71285,10 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
   script$B.__file = "packages/base/image/image.vue";
 
-  var _hoisted_1$f = { key: 0 };
+  var _hoisted_1$f = {
+      key: 0,
+      style: { "width": "100%", "height": "100%" }
+  };
   var _hoisted_2$8 = {
       key: 0,
       style: { "position": "absolute", "width": "100%", "height": "100%", "left": "0", "top": "0" }

package/lib/packages/base/button/index.d.ts

@@ -20,6 +20,10 @@ export declare type BaseButtonProps = {
     onClick?: Function;
 };
 export declare type BaseButtonMoreProps = {
+    /**
+     * 超过指定按钮数量后就显示为更多 传入后，maxLine就失效
+     */
+    maxCount?: number;
     /**
      * 最多显示多少行
      */

package/lib/packages/base/button/more.d.ts

@@ -13,6 +13,10 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    maxCount: {
+        type: NumberConstructor;
+        required: false;
+    };
 }, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -30,6 +34,10 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    maxCount: {
+        type: NumberConstructor;
+        required: false;
+    };
 }>>, {
     maxLine: number;
     trigger: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xrk-components",
-  "version": "2.0.0-beta.22",
+  "version": "2.0.0-beta.24",
   "description": "",
   "main": "lib/index.esm.js",
   "typings": "lib/packages/index.d.ts",