@juzhenfe/page-model 3.10.5 → 3.11.0

package/dist/components/buttons-renderer/components/button-item-render/index.vue.d.ts

@@ -0,0 +1,28 @@
+declare const _sfc_main: {
+    name: string;
+    props: {
+        /**
+         * 渲染文本
+         */
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        /**
+         * 自定义渲染
+         */
+        renderFn: {
+            type: FunctionConstructor;
+            default: any;
+        };
+        /**
+         * 渲染上下文
+         */
+        context: {
+            type: ObjectConstructor;
+            default: any;
+        };
+    };
+    render(): any;
+};
+export default _sfc_main;

package/dist/components/buttons-renderer/index.vue.d.ts

@@ -33,6 +33,24 @@ declare const _sfc_main: import("vue").DefineComponent<{
     handleCommand: (command: string) => void;
     handleButtonClick: (index: number) => void;
     readonly ArrowDown: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    ButtonItemRender: {
+        name: string;
+        props: {
+            text: {
+                type: StringConstructor;
+                default: string;
+            };
+            renderFn: {
+                type: FunctionConstructor;
+                default: any;
+            };
+            context: {
+                type: ObjectConstructor;
+                default: any;
+            };
+        };
+        render(): any;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("add" | "upd" | "del" | "custom")[], "add" | "upd" | "del" | "custom", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     els: {
         type: ArrayConstructor;

package/dist/components/page-model/components/selectable-operate/index.vue.d.ts

@@ -47,6 +47,24 @@ declare const _sfc_main: import("vue").DefineComponent<{
         handleCommand: (command: string) => void;
         handleButtonClick: (index: number) => void;
         readonly ArrowDown: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+        ButtonItemRender: {
+            name: string;
+            props: {
+                text: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                renderFn: {
+                    type: FunctionConstructor;
+                    default: any;
+                };
+                context: {
+                    type: ObjectConstructor;
+                    default: any;
+                };
+            };
+            render(): any;
+        };
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("add" | "upd" | "del" | "custom")[], "add" | "upd" | "del" | "custom", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         els: {
             type: ArrayConstructor;

package/dist/index.es.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { reactive, defineComponent, openBlock, createElementBlock, computed, ref, resolveComponent, normalizeClass, unref, createVNode, mergeProps, withCtx, Fragment, renderList, createBlock, createElementVNode, toDisplayString, nextTick, watch, markRaw, getCurrentInstance, resolveDynamicComponent, renderSlot, inject, createTextVNode, withModifiers, toRefs, h, onUnmounted, useSlots, toHandlers, createSlots, onMounted, createCommentVNode, render, pushScopeId, popScopeId, resolveDirective, withDirectives, vShow, Teleport, normalizeStyle, onActivated, watchEffect, normalizeProps, guardReactiveProps, provide, Transition } from "vue";
+import { reactive, defineComponent, openBlock, createElementBlock, computed, ref, resolveComponent, normalizeClass, unref, createVNode, mergeProps, withCtx, Fragment, renderList, createBlock, createElementVNode, toDisplayString, nextTick, watch, markRaw, getCurrentInstance, resolveDynamicComponent, renderSlot, h, inject, withModifiers, toRefs, onUnmounted, useSlots, toHandlers, createSlots, createTextVNode, onMounted, createCommentVNode, render, pushScopeId, popScopeId, resolveDirective, withDirectives, vShow, Teleport, normalizeStyle, onActivated, watchEffect, normalizeProps, guardReactiveProps, provide, Transition } from "vue";
 import { ElMessage, ElLoading, ElMessageBox } from "element-plus";
 function defineConfig(config) {
   return reactive(config);
@@ -185,7 +185,7 @@ const _hoisted_1$x = { class: "scenes-tab" };
 const __default__$o = {
   name: "ScenesTab"
 };
-const _sfc_main$Y = defineComponent({
+const _sfc_main$Z = defineComponent({
   ...__default__$o,
   setup(__props, { expose: __expose }) {
     const getValue2 = () => {
@@ -203,7 +203,7 @@ var index_vue_vue_type_style_index_0_lang$d = "";
 const __default__$n = {
   name: "NormalTab"
 };
-const _sfc_main$X = defineComponent({
+const _sfc_main$Y = defineComponent({
   ...__default__$n,
   props: {
     panes: {},
@@ -1427,7 +1427,7 @@ var index_vue_vue_type_style_index_0_lang$c = "";
 const __default__$m = {
   name: "TopTabs"
 };
-const _sfc_main$W = defineComponent({
+const _sfc_main$X = defineComponent({
   ...__default__$m,
   props: {
     tabs: {},
@@ -1448,12 +1448,12 @@ const _sfc_main$W = defineComponent({
     const tabComponent = computed(() => {
       if (props.tabs.useScene) {
         return {
-          component: _sfc_main$Y,
+          component: _sfc_main$Z,
           props: props.tabs.sceneTab
         };
       } else {
         return {
-          component: _sfc_main$X,
+          component: _sfc_main$Y,
           props: {
             panes: props.tabs.panes,
             props: props.tabs.props
@@ -2077,7 +2077,7 @@ var _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$V = defineComponent({
+const _sfc_main$W = defineComponent({
   name: "ArrowDownBold"
 });
 const _hoisted_1$w = {
@@ -2097,8 +2097,8 @@ const _hoisted_3$o = [
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$o);
 }
-var arrowDownBold = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["render", _sfc_render$j]]);
-const _sfc_main$U = defineComponent({
+var arrowDownBold = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["render", _sfc_render$j]]);
+const _sfc_main$V = defineComponent({
   name: "ArrowDown"
 });
 const _hoisted_1$v = {
@@ -2118,8 +2118,8 @@ const _hoisted_3$n = [
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$n);
 }
-var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["render", _sfc_render$i]]);
-const _sfc_main$T = defineComponent({
+var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["render", _sfc_render$i]]);
+const _sfc_main$U = defineComponent({
   name: "CaretBottom"
 });
 const _hoisted_1$u = {
@@ -2139,8 +2139,8 @@ const _hoisted_3$m = [
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$m);
 }
-var caretBottom = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["render", _sfc_render$h]]);
-const _sfc_main$S = defineComponent({
+var caretBottom = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["render", _sfc_render$h]]);
+const _sfc_main$T = defineComponent({
   name: "CaretRight"
 });
 const _hoisted_1$t = {
@@ -2160,8 +2160,8 @@ const _hoisted_3$l = [
 function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$l);
 }
-var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["render", _sfc_render$g]]);
-const _sfc_main$R = defineComponent({
+var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["render", _sfc_render$g]]);
+const _sfc_main$S = defineComponent({
   name: "CaretTop"
 });
 const _hoisted_1$s = {
@@ -2181,8 +2181,8 @@ const _hoisted_3$k = [
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$k);
 }
-var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["render", _sfc_render$f]]);
-const _sfc_main$Q = defineComponent({
+var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["render", _sfc_render$f]]);
+const _sfc_main$R = defineComponent({
   name: "CirclePlusFilled"
 });
 const _hoisted_1$r = {
@@ -2202,8 +2202,8 @@ const _hoisted_3$j = [
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$j);
 }
-var circlePlusFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["render", _sfc_render$e]]);
-const _sfc_main$P = defineComponent({
+var circlePlusFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["render", _sfc_render$e]]);
+const _sfc_main$Q = defineComponent({
   name: "CirclePlus"
 });
 const _hoisted_1$q = {
@@ -2233,8 +2233,8 @@ const _hoisted_5$4 = [
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_5$4);
 }
-var circlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$d]]);
-const _sfc_main$O = defineComponent({
+var circlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["render", _sfc_render$d]]);
+const _sfc_main$P = defineComponent({
   name: "Download"
 });
 const _hoisted_1$p = {
@@ -2254,8 +2254,8 @@ const _hoisted_3$h = [
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$h);
 }
-var download = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["render", _sfc_render$c]]);
-const _sfc_main$N = defineComponent({
+var download = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$c]]);
+const _sfc_main$O = defineComponent({
   name: "Edit"
 });
 const _hoisted_1$o = {
@@ -2280,8 +2280,8 @@ const _hoisted_4$6 = [
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_4$6);
 }
-var edit = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["render", _sfc_render$b]]);
-const _sfc_main$M = defineComponent({
+var edit = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["render", _sfc_render$b]]);
+const _sfc_main$N = defineComponent({
   name: "Filter"
 });
 const _hoisted_1$n = {
@@ -2301,8 +2301,8 @@ const _hoisted_3$f = [
 function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$f);
 }
-var filter = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["render", _sfc_render$a]]);
-const _sfc_main$L = defineComponent({
+var filter = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["render", _sfc_render$a]]);
+const _sfc_main$M = defineComponent({
   name: "FullScreen"
 });
 const _hoisted_1$m = {
@@ -2322,8 +2322,8 @@ const _hoisted_3$e = [
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$e);
 }
-var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["render", _sfc_render$9]]);
-const _sfc_main$K = defineComponent({
+var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["render", _sfc_render$9]]);
+const _sfc_main$L = defineComponent({
   name: "Grid"
 });
 const _hoisted_1$l = {
@@ -2343,8 +2343,8 @@ const _hoisted_3$d = [
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$d);
 }
-var grid = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["render", _sfc_render$8]]);
-const _sfc_main$J = defineComponent({
+var grid = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["render", _sfc_render$8]]);
+const _sfc_main$K = defineComponent({
   name: "Loading"
 });
 const _hoisted_1$k = {
@@ -2364,8 +2364,8 @@ const _hoisted_3$c = [
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$c);
 }
-var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["render", _sfc_render$7]]);
-const _sfc_main$I = defineComponent({
+var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["render", _sfc_render$7]]);
+const _sfc_main$J = defineComponent({
   name: "Menu"
 });
 const _hoisted_1$j = {
@@ -2385,8 +2385,8 @@ const _hoisted_3$b = [
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$b);
 }
-var menu = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["render", _sfc_render$6]]);
-const _sfc_main$H = defineComponent({
+var menu = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["render", _sfc_render$6]]);
+const _sfc_main$I = defineComponent({
   name: "QuestionFilled"
 });
 const _hoisted_1$i = {
@@ -2406,8 +2406,8 @@ const _hoisted_3$a = [
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$a);
 }
-var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["render", _sfc_render$5]]);
-const _sfc_main$G = defineComponent({
+var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["render", _sfc_render$5]]);
+const _sfc_main$H = defineComponent({
   name: "RefreshLeft"
 });
 const _hoisted_1$h = {
@@ -2427,8 +2427,8 @@ const _hoisted_3$9 = [
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$9);
 }
-var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["render", _sfc_render$4]]);
-const _sfc_main$F = defineComponent({
+var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["render", _sfc_render$4]]);
+const _sfc_main$G = defineComponent({
   name: "RemoveFilled"
 });
 const _hoisted_1$g = {
@@ -2448,8 +2448,8 @@ const _hoisted_3$8 = [
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$8);
 }
-var removeFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["render", _sfc_render$3]]);
-const _sfc_main$E = defineComponent({
+var removeFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["render", _sfc_render$3]]);
+const _sfc_main$F = defineComponent({
   name: "Remove"
 });
 const _hoisted_1$f = {
@@ -2474,8 +2474,8 @@ const _hoisted_4$5 = [
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_4$5);
 }
-var remove = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["render", _sfc_render$2]]);
-const _sfc_main$D = defineComponent({
+var remove = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["render", _sfc_render$2]]);
+const _sfc_main$E = defineComponent({
   name: "Select"
 });
 const _hoisted_1$e = {
@@ -2495,8 +2495,8 @@ const _hoisted_3$6 = [
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$e, _hoisted_3$6);
 }
-var select = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["render", _sfc_render$1]]);
-const _sfc_main$C = defineComponent({
+var select = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["render", _sfc_render$1]]);
+const _sfc_main$D = defineComponent({
   name: "Tools"
 });
 const _hoisted_1$d = {
@@ -2516,11 +2516,35 @@ const _hoisted_3$5 = [
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$d, _hoisted_3$5);
 }
-var tools = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["render", _sfc_render]]);
+var tools = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["render", _sfc_render]]);
 const formManagerProvideKey = Symbol("form-manager");
 const registerPropertyProvideKey = Symbol("registerProperty");
 const isOpenAuthButtonProvideKey = Symbol("isOpenAuthButton");
 const authButtonsProvideKey = Symbol("authButtons");
+const _sfc_main$C = {
+  name: "ButtonItemRender",
+  props: {
+    text: {
+      type: String,
+      default: ""
+    },
+    renderFn: {
+      type: Function,
+      default: null
+    },
+    context: {
+      type: Object,
+      default: null
+    }
+  },
+  render() {
+    if (this.renderFn) {
+      return this.renderFn.call(this.context);
+    } else {
+      return h("span", this.text);
+    }
+  }
+};
 var index_vue_vue_type_style_index_0_lang$b = "";
 const __default__$l = {
   name: "ButtonRenderer"
@@ -2653,7 +2677,11 @@ const _sfc_main$B = defineComponent({
                         ) : false
                       }, {
                         default: withCtx(() => [
-                          createTextVNode(toDisplayString(cButton.text), 1)
+                          createVNode(_sfc_main$C, {
+                            context: _ctx.context,
+                            "render-fn": cButton.renderFn,
+                            text: cButton.text
+                          }, null, 8, ["context", "render-fn", "text"])
                         ]),
                         _: 2
                       }, 1032, ["command", "disabled"]);
@@ -2667,7 +2695,11 @@ const _sfc_main$B = defineComponent({
                   onClick: withModifiers(($event) => handleButtonClick(index2), ["stop"])
                 }), {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(button.text) + " ", 1),
+                    createVNode(_sfc_main$C, {
+                      context: _ctx.context,
+                      "render-fn": button.renderFn,
+                      text: button.text
+                    }, null, 8, ["context", "render-fn", "text"]),
                     createVNode(_component_el_icon, { style: { "margin-left": "2px" } }, {
                       default: withCtx(() => [
                         createVNode(unref(arrowDown))
@@ -2692,7 +2724,11 @@ const _sfc_main$B = defineComponent({
                     onClick: withModifiers(($event) => handleButtonClick(index2), ["stop"])
                   }), {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(button.text), 1)
+                      createVNode(_sfc_main$C, {
+                        context: _ctx.context,
+                        "render-fn": button.renderFn,
+                        text: button.text
+                      }, null, 8, ["context", "render-fn", "text"])
                     ]),
                     _: 2
                   }, 1040, ["icon", "onClick"])
@@ -4113,7 +4149,6 @@ const DEFAULT_PAGINATION_CONFIG = {
   show: true,
   pageSizes: [10, 15, 20, 30, 40, 50, 70, 100, 150, 200, 500, 1e3, 2e3, 5e3],
   background: false,
-  small: true,
   size: "small",
   layout: "total, sizes, prev, pager, next, jumper"
 };
@@ -10746,7 +10781,7 @@ const _sfc_main$4 = defineComponent({
               key: 0,
               class: normalizeClass(unref(createBEMName)("top-tabs"))
             }, [
-              hasTabs.value ? (openBlock(), createBlock(_sfc_main$W, {
+              hasTabs.value ? (openBlock(), createBlock(_sfc_main$X, {
                 key: 0,
                 tabs: uConfig.value.tabs,
                 manager,
@@ -11753,7 +11788,7 @@ const defineEditableTable = function(config) {
 };
 var iconfont = "";
 const name = "@juzhenfe/page-model";
-const version = "3.10.5";
+const version = "3.11.0";
 const types = "dist/main.d.ts";
 const main = "dist/index.umd.js";
 const keywords = [