@touchvue/ui 1.0.0-beta.2 → 1.0.0-beta.3

package/lib/packages/components/padding/src/padding.vue2.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const __default__ = vue.defineComponent({
+  name: "ToPadding"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    mode: { default: "default" },
+    value: { default: 1 },
+    height: { default: "" },
+    position: { default: "trbl" }
+  },
+  setup(__props) {
+    const props = __props;
+    const hasUnit = (val) => /[a-z%]+$/i.test(val);
+    const setStyle = vue.computed(() => {
+      const obj = {};
+      if (String(props.value).trim()) {
+        const padded = String(props.value).trim().split(/\s+/).map((val) => {
+          return hasUnit(val) ? val : `${val}em`;
+        }).join(" ");
+        obj.padding = padded;
+      }
+      if (!props.position.includes("t")) {
+        obj.paddingTop = 0;
+      }
+      if (!props.position.includes("r")) {
+        obj.paddingRight = 0;
+      }
+      if (!props.position.includes("b")) {
+        obj.paddingBottom = 0;
+      }
+      if (!props.position.includes("l")) {
+        obj.paddingLeft = 0;
+      }
+      if (props.height && props.height !== "full") {
+        obj.height = isNaN(Number(props.height)) ? props.height : `${props.height}em`;
+      }
+      return obj;
+    });
+    const setClass = vue.computed(() => {
+      const arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (props.height && props.height === "full") {
+        arr.push("height-full");
+      }
+      return arr;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["to-padding", setClass.value]),
+        style: vue.normalizeStyle(setStyle.value)
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=padding.vue2.js.map

package/lib/packages/components/padding/src/padding.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"padding.vue2.js","sources":["../../../../../../packages/components/padding/src/padding.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToPadding',\n});\n</script>\n<template>\n\t<div class=\"to-padding\" :style=\"setStyle\" :class=\"setClass\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { CSSProperties } from 'vue'\n\n\nexport interface Props {\n\tmode?: string\n\tvalue?: string | number\n\theight?: string\n\tposition?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tmode: 'default',\n\tvalue: 1,\n\theight: '',\n\tposition: 'trbl',\n})\n\nconst hasUnit = (val: string) => /[a-z%]+$/i.test(val)\nconst setStyle = computed((): CSSProperties => {\n\tconst obj: CSSProperties = {}\n\n\tif (String(props.value).trim()) {\n\t\t// 分割成各个值\n\t\tconst padded = String(props.value)\n\t\t\t.trim()\n\t\t\t.split(/\\s+/)\n\t\t\t.map(val => {\n\t\t\t\t// 如果是数字（或纯数字字符串），或末尾无单位，就加 em\n\t\t\t\treturn hasUnit(val) ? val : `${val}em`\n\t\t\t})\n\t\t\t.join(' ')\n\n\t\tobj.padding = padded\n\t}\n\n\tif (!props.position.includes('t')) {\n\t\tobj.paddingTop = 0\n\t}\n\tif (!props.position.includes('r')) {\n\t\tobj.paddingRight = 0\n\t}\n\tif (!props.position.includes('b')) {\n\t\tobj.paddingBottom = 0\n\t}\n\tif (!props.position.includes('l')) {\n\t\tobj.paddingLeft = 0\n\t}\n\n\tif (props.height && props.height !== 'full') {\n\t\tobj.height = isNaN(Number(props.height)) ? props.height : `${props.height}em`\n\t}\n\n\treturn obj\n})\n\nconst setClass = computed(() => {\n\tconst arr: string[] = []\n\tif (props.mode) {\n\t\tarr.push(`mode-${props.mode}`)\n\t}\n\tif (props.height && props.height === 'full') {\n\t\tarr.push('height-full')\n\t}\n\treturn arr\n})\n</script>\n"],"names":["DO_defineComponent","computed","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;;AAEA,MAAA,cAA6BA,mBAAmB,CAAA;AAAA,EAC/C,IAAM,EAAA,WAAA;AACP,CAAC,CAAA,CAAA;;;;;;;;;;AAoBD,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAOd,IAAA,MAAM,OAAU,GAAA,CAAC,GAAgB,KAAA,WAAA,CAAY,KAAK,GAAG,CAAA,CAAA;AACrD,IAAM,MAAA,QAAA,GAAWC,aAAS,MAAqB;AAC9C,MAAA,MAAM,MAAqB,EAAC,CAAA;AAE5B,MAAA,IAAI,MAAO,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,MAAQ,EAAA;AAE/B,QAAM,MAAA,MAAA,GAAS,MAAO,CAAA,KAAA,CAAM,KAAK,CAAA,CAC/B,IAAK,EAAA,CACL,KAAM,CAAA,KAAK,CACX,CAAA,GAAA,CAAI,CAAO,GAAA,KAAA;AAEX,UAAA,OAAO,OAAQ,CAAA,GAAG,CAAI,GAAA,GAAA,GAAM,CAAG,EAAA,GAAA,CAAA,EAAA,CAAA,CAAA;AAAA,SAC/B,CACA,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAEV,QAAA,GAAA,CAAI,OAAU,GAAA,MAAA,CAAA;AAAA,OACf;AAEA,MAAA,IAAI,CAAC,KAAA,CAAM,QAAS,CAAA,QAAA,CAAS,GAAG,CAAG,EAAA;AAClC,QAAA,GAAA,CAAI,UAAa,GAAA,CAAA,CAAA;AAAA,OAClB;AACA,MAAA,IAAI,CAAC,KAAA,CAAM,QAAS,CAAA,QAAA,CAAS,GAAG,CAAG,EAAA;AAClC,QAAA,GAAA,CAAI,YAAe,GAAA,CAAA,CAAA;AAAA,OACpB;AACA,MAAA,IAAI,CAAC,KAAA,CAAM,QAAS,CAAA,QAAA,CAAS,GAAG,CAAG,EAAA;AAClC,QAAA,GAAA,CAAI,aAAgB,GAAA,CAAA,CAAA;AAAA,OACrB;AACA,MAAA,IAAI,CAAC,KAAA,CAAM,QAAS,CAAA,QAAA,CAAS,GAAG,CAAG,EAAA;AAClC,QAAA,GAAA,CAAI,WAAc,GAAA,CAAA,CAAA;AAAA,OACnB;AAEA,MAAA,IAAI,KAAM,CAAA,MAAA,IAAU,KAAM,CAAA,MAAA,KAAW,MAAQ,EAAA;AAC5C,QAAI,GAAA,CAAA,MAAA,GAAS,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,MAAM,CAAC,CAAI,GAAA,KAAA,CAAM,MAAS,GAAA,CAAA,EAAG,KAAM,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA;AAAA,OACpE;AAEA,MAAO,OAAA,GAAA,CAAA;AAAA,KACP,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAWA,aAAS,MAAM;AAC/B,MAAA,MAAM,MAAgB,EAAC,CAAA;AACvB,MAAA,IAAI,MAAM,IAAM,EAAA;AACf,QAAI,GAAA,CAAA,IAAA,CAAK,CAAQ,KAAA,EAAA,KAAA,CAAM,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,OAC9B;AACA,MAAA,IAAI,KAAM,CAAA,MAAA,IAAU,KAAM,CAAA,MAAA,KAAW,MAAQ,EAAA;AAC5C,QAAA,GAAA,CAAI,KAAK,aAAa,CAAA,CAAA;AAAA,OACvB;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACP,CAAA,CAAA;;4BAvEA,EAAAC,sBAAA,CAEM,KAAA,EAAA;AAAA,QAFD,OAAKC,kBAAA,CAAA,CAAC,YAAuC,EAAA,QAAA,CAAQ,KAAA,CAAA,CAAA;AAAA,QAAjC,KAAA,oBAAO,CAAA,QAAA,CAAQ,KAAA,CAAA;AAAA;QACvCC,cAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;;;;;;;"}

package/lib/packages/components/page/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var page_vue_vue_type_script_setup_true_lang = require('./src/page.vue2.js');
+var types = require('../../utils/types.js');
+
+const ToPage = types.withInstall(page_vue_vue_type_script_setup_true_lang.default);
+
+exports.ToPage = ToPage;
+//# sourceMappingURL=index.js.map

package/lib/packages/components/page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/page/index.ts"],"sourcesContent":["import Page from './src/page.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\nexport const ToPage: SFCWithInstall<typeof Page> = withInstall(Page);\nexport * from './src/instance';\n"],"names":["withInstall","Page"],"mappings":";;;;;AAEa,MAAA,MAAA,GAAsCA,kBAAYC,gDAAI;;;;"}

package/lib/packages/components/page/src/instance.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=instance.js.map

package/lib/packages/components/page/src/instance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/packages/components/page/src/page.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var page_vue_vue_type_script_setup_true_lang = require('./page.vue2.js');
+
+
+
+exports.default = page_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=page.vue.js.map

package/lib/packages/components/page/src/page.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/packages/components/page/src/page.vue2.js

@@ -0,0 +1,275 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../select/index.js');
+var index$1 = require('../../input/index.js');
+var dis = require('../../../directives/dis/src/dis.js');
+
+const __default__ = vue.defineComponent({
+  name: "ToPage"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    type: { type: String, default: "" },
+    mode: { type: String, default: "default" },
+    align: { type: String, default: "" },
+    pageSize: { type: [Number, String], default: 10 },
+    total: { type: [Number, String], default: 0 },
+    pageCount: { type: [Number, String], default: void 0 },
+    pagerCount: { type: [Number, String], default: 7 },
+    modelValue: { type: [Number, String], default: 1 },
+    layout: { type: String, default: "all" },
+    pageSizes: { type: [Array, String], default: () => [10, 20, 30, 40, 50, 100] },
+    prevText: { type: String, default: "" },
+    nextText: { type: String, default: "" },
+    disabled: { type: Boolean, default: false },
+    autoHide: { type: Boolean, default: false }
+  },
+  emits: [
+    "update:pageSize",
+    "size-change",
+    "current-change",
+    "prev-click",
+    "next-click",
+    "update:modelValue",
+    "change"
+  ],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const pageCount_ = vue.ref(0);
+    const pageSize_ = vue.ref(Number(props.pageSize));
+    const currentPage_ = vue.ref(Number(props.modelValue));
+    const pager_ = vue.ref([]);
+    const jumperPage = vue.ref("");
+    const showPrevMore = vue.ref(false);
+    const showNextMore = vue.ref(false);
+    const cShowInSingle = vue.computed(() => {
+      return !(props.autoHide && Number(pageCount_.value) <= 1) || !props.autoHide;
+    });
+    const cPageSizes = vue.computed(() => {
+      const sizes = typeof props.pageSizes === "string" ? props.pageSizes.split(",") : props.pageSizes;
+      return sizes.map((size) => ({
+        label: size,
+        value: Number(size)
+      }));
+    });
+    const setClass = vue.computed(() => {
+      let arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      return arr;
+    });
+    vue.watch(
+      () => props.pageSize,
+      (val) => {
+        const sizes = typeof props.pageSizes === "string" ? props.pageSizes.split(",") : props.pageSizes;
+        pageSize_.value = sizes.includes(Number(val)) ? Number(val) : Number(sizes[0]);
+      },
+      { immediate: true }
+    );
+    vue.watch(
+      () => currentPage_.value,
+      (val) => {
+        emit("update:modelValue", val);
+        emit("change", val, pageSize_.value);
+      },
+      { immediate: true }
+    );
+    vue.watch(
+      () => props.modelValue,
+      (val) => {
+        currentPage_.value = Number(val);
+        computePager();
+      }
+    );
+    vue.watch(
+      () => props.pageCount,
+      (val) => {
+        pageCount_.value = Number(val);
+        computePager();
+      },
+      { immediate: true }
+    );
+    vue.watch(() => props.total, computePager);
+    vue.watch(() => props.pagerCount, computePager);
+    vue.onMounted(() => computePager());
+    function handleJump() {
+      if (props.disabled || !jumperPage.value)
+        return;
+      let jump = Number(jumperPage.value);
+      jump = Math.max(1, Math.min(jump, pageCount_.value));
+      jumperPage.value = "";
+      handleCurrentChange(jump);
+    }
+    function handleSizeChange(size) {
+      if (props.disabled)
+        return;
+      emit("update:pageSize", size);
+      emit("size-change", size);
+      emit("change", currentPage_.value, Number(size));
+      computePager();
+    }
+    function handleCurrentChange(page) {
+      if (props.disabled)
+        return;
+      currentPage_.value = page;
+      emit("current-change", page);
+      emit("change", page, pageSize_.value);
+      computePager();
+    }
+    function handlePagePrev() {
+      if (props.disabled || currentPage_.value <= 1)
+        return;
+      currentPage_.value--;
+      handleCurrentChange(currentPage_.value);
+      emit("prev-click", currentPage_.value);
+    }
+    function handlePageNext() {
+      if (props.disabled || currentPage_.value >= pageCount_.value)
+        return;
+      currentPage_.value++;
+      handleCurrentChange(currentPage_.value);
+      emit("next-click", currentPage_.value);
+    }
+    function computePager() {
+      const pagerCount = Number(props.pagerCount);
+      const halfPagerCount = (pagerCount - 1) / 2;
+      const count = props.pageCount ? Number(props.pageCount) : Math.ceil(Number(props.total) / pageSize_.value);
+      pageCount_.value = Math.max(1, count);
+      const current = currentPage_.value;
+      showPrevMore.value = current > pagerCount - halfPagerCount;
+      showNextMore.value = current < pageCount_.value - halfPagerCount;
+      const pages = [];
+      if (showPrevMore.value && !showNextMore.value) {
+        const start = pageCount_.value - (pagerCount - 2);
+        for (let i = start; i < pageCount_.value; i++)
+          pages.push(i);
+      } else if (!showPrevMore.value && showNextMore.value) {
+        for (let i = 2; i < pagerCount; i++)
+          pages.push(i);
+      } else if (showPrevMore.value && showNextMore.value) {
+        const offset = Math.floor(pagerCount / 2) - 1;
+        for (let i = current - offset; i <= current + offset; i++)
+          pages.push(i);
+      } else {
+        for (let i = 2; i < pageCount_.value; i++)
+          pages.push(i);
+      }
+      pager_.value = pages;
+    }
+    return (_ctx, _cache) => {
+      const _component_to_icon = vue.resolveComponent("to-icon");
+      const _directive_align = vue.resolveDirective("align");
+      return cShowInSingle.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: vue.normalizeClass([setClass.value, "to-page"])
+      }, [
+        __props.type === "lite" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          vue.createElementVNode("div", { class: "to-page-first" }),
+          vue.createElementVNode("div", { class: "to-page-prev" }, "\u4E0A\u4E00\u9875"),
+          vue.createElementVNode("div", { class: "to-page-stat" }, vue.toDisplayString(currentPage_.value) + " / " + vue.toDisplayString(__props.total), 1),
+          vue.createElementVNode("div", { class: "to-page-next" }, "\u4E0B\u4E00\u9875"),
+          vue.createElementVNode("div", { class: "to-page-last" })
+        ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          __props.layout.includes("total") || __props.layout === "all" ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "to-page-total"
+          }, " \u5171 " + vue.toDisplayString(__props.total) + " \u6761 ", 1)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", { class: "to-page-slot" }, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          __props.layout.includes("pager") || __props.layout === "all" ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: "to-page-pager"
+          }, [
+            vue.withDirectives(vue.createElementVNode("div", {
+              class: "to-page-pager-prev",
+              onClick: handlePagePrev
+            }, null, 512), [
+              [vue.unref(dis.default), Number(currentPage_.value) <= 1]
+            ]),
+            vue.createElementVNode("div", { class: "to-page-pager-list" }, [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(["to-page-pager-item", { "is-on": Number(currentPage_.value) === 1 }]),
+                onClick: ($event) => handleCurrentChange(1)
+              }, " 1 ", 10, ["onClick"]),
+              showPrevMore.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "to-page-pager-ellipsis"
+              }, "\u2026")) : vue.createCommentVNode("", true),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pager_.value, (page) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: page,
+                  class: vue.normalizeClass(["to-page-pager-item", { "is-on": Number(currentPage_.value) === page }]),
+                  onClick: ($event) => handleCurrentChange(page)
+                }, vue.toDisplayString(page), 11, ["onClick"]);
+              }), 128)),
+              showNextMore.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 1,
+                class: "to-page-pager-ellipsis"
+              }, "\u2026")) : vue.createCommentVNode("", true),
+              pageCount_.value > 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 2,
+                class: vue.normalizeClass(["to-page-pager-item", { "is-on": Number(currentPage_.value) === Number(pageCount_.value) }]),
+                onClick: ($event) => handleCurrentChange(pageCount_.value)
+              }, vue.toDisplayString(pageCount_.value), 11, ["onClick"])) : vue.createCommentVNode("", true)
+            ]),
+            vue.withDirectives(vue.createElementVNode("div", {
+              class: "to-page-pager-next",
+              onClick: handlePageNext
+            }, null, 512), [
+              [vue.unref(dis.default), Number(currentPage_.value) >= Number(pageCount_.value)]
+            ])
+          ])) : vue.createCommentVNode("", true),
+          __props.layout.includes("size") || __props.layout === "all" ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 2,
+            class: "to-page-size"
+          }, [
+            vue.withDirectives(vue.createVNode(vue.unref(index.ToSelect), {
+              modelValue: pageSize_.value,
+              "onUpdate:modelValue": ($event) => pageSize_.value = $event,
+              suffix: "\u6761/\u9875",
+              mode: "none",
+              clearable: false,
+              data: cPageSizes.value,
+              onChange: handleSizeChange
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "data"]), [
+              [vue.unref(dis.default), __props.disabled]
+            ])
+          ])) : vue.createCommentVNode("", true),
+          __props.layout.includes("jumper") || __props.layout === "all" ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 3,
+            class: "to-page-jumper"
+          }, [
+            vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$1.ToInput), {
+              modelValue: jumperPage.value,
+              "onUpdate:modelValue": ($event) => jumperPage.value = $event,
+              placeholder: "\u8DF3\u8F6C",
+              onChange: handleJump
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_to_icon, {
+                  value: "next",
+                  link: ""
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "onUpdate:modelValue"])), [
+              [vue.unref(dis.default), __props.disabled]
+            ])
+          ])) : vue.createCommentVNode("", true)
+        ], 64))
+      ], 2)), [
+        [_directive_align, __props.align]
+      ]) : vue.createCommentVNode("", true);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=page.vue2.js.map

package/lib/packages/components/page/src/page.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.vue2.js","sources":["../../../../../../packages/components/page/src/page.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToPage',\n});\n</script>\n<template>\n\t<div v-if=\"cShowInSingle\" v-align=\"align\" :class=\"setClass\" class=\"to-page\">\n\t\t<template v-if=\"type === 'lite'\">\n\t\t\t<div class=\"to-page-first\"></div>\n\t\t\t<div class=\"to-page-prev\">上一页</div>\n\t\t\t<div class=\"to-page-stat\">{{ currentPage_ }} / {{ total }}</div>\n\t\t\t<div class=\"to-page-next\">下一页</div>\n\t\t\t<div class=\"to-page-last\"></div>\n\t\t</template>\n\t\t<template v-else>\n\t\t\t<div v-if=\"layout.includes('total') || layout === 'all'\" class=\"to-page-total\">\n\t\t\t\t共 {{ total }} 条\n\t\t\t</div>\n\t\t\t<div class=\"to-page-slot\">\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t\t<div v-if=\"layout.includes('pager') || layout === 'all'\" class=\"to-page-pager\">\n\t\t\t\t<div\n\t\t\t\t\tv-dis=\"Number(currentPage_) <= 1\"\n\t\t\t\t\tclass=\"to-page-pager-prev\"\n\t\t\t\t\t@click=\"handlePagePrev\"\n\t\t\t\t></div>\n\t\t\t\t<div class=\"to-page-pager-list\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"to-page-pager-item\"\n\t\t\t\t\t\t:class=\"{ 'is-on': Number(currentPage_) === 1 }\"\n\t\t\t\t\t\t@click=\"handleCurrentChange(1)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t1\n\t\t\t\t\t</div>\n\t\t\t\t\t<div v-if=\"showPrevMore\" class=\"to-page-pager-ellipsis\">…</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-for=\"page in pager_\"\n\t\t\t\t\t\t:key=\"page\"\n\t\t\t\t\t\tclass=\"to-page-pager-item\"\n\t\t\t\t\t\t:class=\"{ 'is-on': Number(currentPage_) === page }\"\n\t\t\t\t\t\t@click=\"handleCurrentChange(page)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ page }}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div v-if=\"showNextMore\" class=\"to-page-pager-ellipsis\">…</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"pageCount_ > 1\"\n\t\t\t\t\t\tclass=\"to-page-pager-item\"\n\t\t\t\t\t\t:class=\"{ 'is-on': Number(currentPage_) === Number(pageCount_) }\"\n\t\t\t\t\t\t@click=\"handleCurrentChange(pageCount_)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ pageCount_ }}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tv-dis=\"Number(currentPage_) >= Number(pageCount_)\"\n\t\t\t\t\tclass=\"to-page-pager-next\"\n\t\t\t\t\t@click=\"handlePageNext\"\n\t\t\t\t></div>\n\t\t\t</div>\n\t\t\t<div v-if=\"layout.includes('size') || layout === 'all'\" class=\"to-page-size\">\n\t\t\t\t<to-select\n\t\t\t\t\tv-model=\"pageSize_\"\n\t\t\t\t\tv-dis=\"disabled\"\n\t\t\t\t\tsuffix=\"条/页\"\n\t\t\t\t\tmode=\"none\"\n\t\t\t\t\t:clearable=\"false\"\n\t\t\t\t\t:data=\"cPageSizes\"\n\t\t\t\t\t@change=\"handleSizeChange\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div v-if=\"layout.includes('jumper') || layout === 'all'\" class=\"to-page-jumper\">\n\t\t\t\t<to-input v-model=\"jumperPage\" v-dis=\"disabled\" placeholder=\"跳转\" @change=\"handleJump\">\n\t\t\t\t\t<to-icon value=\"next\" link></to-icon>\n\t\t\t\t</to-input>\n\t\t\t</div>\n\t\t</template>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, onMounted } from 'vue'\nimport { ToInput, ToSelect } from '@touchvue/components'\nimport { vDis } from '@touchvue/directives'\n\n\n// const slots = useSlots\nconst props = defineProps({\n\ttype: { type: String, default: '' },\n\tmode: { type: String, default: 'default' },\n\talign: { type: String, default: '' },\n\tpageSize: { type: [Number, String], default: 10 },\n\ttotal: { type: [Number, String], default: 0 },\n\tpageCount: { type: [Number, String], default: undefined },\n\tpagerCount: { type: [Number, String], default: 7 },\n\tmodelValue: { type: [Number, String], default: 1 },\n\tlayout: { type: String, default: 'all' },\n\tpageSizes: { type: [Array, String], default: () => [10, 20, 30, 40, 50, 100] },\n\tprevText: { type: String, default: '' },\n\tnextText: { type: String, default: '' },\n\tdisabled: { type: Boolean, default: false },\n\tautoHide: { type: Boolean, default: false },\n})\n\nconst emit = defineEmits([\n\t'update:pageSize',\n\t'size-change',\n\t'current-change',\n\t'prev-click',\n\t'next-click',\n\t'update:modelValue',\n\t'change',\n])\n\nconst pageCount_ = ref<number>(0)\nconst pageSize_ = ref<number>(Number(props.pageSize))\nconst currentPage_ = ref<number>(Number(props.modelValue))\nconst pager_ = ref<number[]>([])\nconst jumperPage = ref<string>('')\nconst showPrevMore = ref(false)\nconst showNextMore = ref(false)\n\nconst cShowInSingle = computed(() => {\n\treturn !(props.autoHide && Number(pageCount_.value) <= 1) || !props.autoHide\n})\n\nconst cPageSizes = computed(() => {\n\tconst sizes = typeof props.pageSizes === 'string' ? props.pageSizes.split(',') : props.pageSizes\n\treturn sizes.map(size => ({\n\t\tlabel: size,\n\t\tvalue: Number(size),\n\t}))\n})\n\nconst setClass = computed(() => {\n\tlet arr: string[] = []\n\tif (props.mode) {\n\t\tarr.push(`mode-${props.mode}`)\n\t}\n\treturn arr\n})\n\nwatch(\n\t() => props.pageSize,\n\tval => {\n\t\tconst sizes = typeof props.pageSizes === 'string' ? props.pageSizes.split(',') : props.pageSizes\n\t\tpageSize_.value = sizes.includes(Number(val)) ? Number(val) : Number(sizes[0])\n\t},\n\t{ immediate: true }\n)\n\nwatch(\n\t() => currentPage_.value,\n\tval => {\n\t\temit('update:modelValue', val)\n\t\temit('change', val, pageSize_.value)\n\t},\n\t{ immediate: true }\n)\n\nwatch(\n\t() => props.modelValue,\n\tval => {\n\t\tcurrentPage_.value = Number(val)\n\t\tcomputePager()\n\t}\n)\n\nwatch(\n\t() => props.pageCount,\n\tval => {\n\t\tpageCount_.value = Number(val)\n\t\tcomputePager()\n\t},\n\t{ immediate: true }\n)\n\nwatch(() => props.total, computePager)\nwatch(() => props.pagerCount, computePager)\n\nonMounted(() => computePager())\n\nfunction handleJump() {\n\tif (props.disabled || !jumperPage.value) return\n\tlet jump = Number(jumperPage.value)\n\tjump = Math.max(1, Math.min(jump, pageCount_.value))\n\tjumperPage.value = ''\n\thandleCurrentChange(jump)\n}\n\nfunction handleSizeChange(size: number) {\n\tif (props.disabled) return\n\temit('update:pageSize', size)\n\temit('size-change', size)\n\temit('change', currentPage_.value, Number(size))\n\tcomputePager()\n}\n\nfunction handleCurrentChange(page: number) {\n\tif (props.disabled) return\n\tcurrentPage_.value = page\n\temit('current-change', page)\n\temit('change', page, pageSize_.value)\n\tcomputePager()\n}\n\nfunction handlePagePrev() {\n\tif (props.disabled || currentPage_.value <= 1) return\n\tcurrentPage_.value--\n\thandleCurrentChange(currentPage_.value)\n\temit('prev-click', currentPage_.value)\n}\n\nfunction handlePageNext() {\n\tif (props.disabled || currentPage_.value >= pageCount_.value) return\n\tcurrentPage_.value++\n\thandleCurrentChange(currentPage_.value)\n\temit('next-click', currentPage_.value)\n}\n\nfunction computePager() {\n\tconst pagerCount = Number(props.pagerCount)\n\tconst halfPagerCount = (pagerCount - 1) / 2\n\tconst count = props.pageCount\n\t\t? Number(props.pageCount)\n\t\t: Math.ceil(Number(props.total) / pageSize_.value)\n\tpageCount_.value = Math.max(1, count)\n\n\tconst current = currentPage_.value\n\tshowPrevMore.value = current > pagerCount - halfPagerCount\n\tshowNextMore.value = current < pageCount_.value - halfPagerCount\n\n\tconst pages: number[] = []\n\n\tif (showPrevMore.value && !showNextMore.value) {\n\t\tconst start = pageCount_.value - (pagerCount - 2)\n\t\tfor (let i = start; i < pageCount_.value; i++) pages.push(i)\n\t} else if (!showPrevMore.value && showNextMore.value) {\n\t\tfor (let i = 2; i < pagerCount; i++) pages.push(i)\n\t} else if (showPrevMore.value && showNextMore.value) {\n\t\tconst offset = Math.floor(pagerCount / 2) - 1\n\t\tfor (let i = current - offset; i <= current + offset; i++) pages.push(i)\n\t} else {\n\t\tfor (let i = 2; i < pageCount_.value; i++) pages.push(i)\n\t}\n\n\tpager_.value = pages\n}\n</script>\n"],"names":["DO_defineComponent","ref","computed","watch","onMounted","_createElementBlock","_normalizeClass","_Fragment","_createElementVNode","_toDisplayString","_renderSlot","_unref","vDis","_renderList","_createVNode","ToSelect","_createBlock","ToInput"],"mappings":"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"}

package/lib/packages/components/param/index.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Param_vue_vue_type_script_setup_true_lang = require('./src/Param.vue2.js');
+var ParamItem = require('./src/ParamItem.vue.js');
+var param = require('./src/param.js');
+var paramItem = require('./src/param-item.js');
+var types = require('../../utils/types.js');
+
+const ToParam = types.withInstall(Param_vue_vue_type_script_setup_true_lang.default, [ParamItem.default]);
+
+exports.paramProps = param.paramProps;
+exports.paramItemProps = paramItem.paramItemProps;
+exports.ToParam = ToParam;
+exports.default = ToParam;
+//# sourceMappingURL=index.js.map

package/lib/packages/components/param/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/param/index.ts"],"sourcesContent":["import { withInstall } from '@touchvue/utils'\nimport Param from './src/Param.vue'\nimport ParamItem from './src/ParamItem.vue'\n\nexport const ToParam = withInstall(Param, [ParamItem])\nexport default ToParam\n\nexport * from './src/param'\nexport * from './src/param-item'\n"],"names":["withInstall","Param","ParamItem"],"mappings":";;;;;;;;;;AAIO,MAAM,OAAU,GAAAA,iBAAA,CAAYC,iDAAO,EAAA,CAACC,iBAAS,CAAC;;;;;;;"}

package/lib/packages/components/param/src/Param.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Param_vue_vue_type_script_setup_true_lang = require('./Param.vue2.js');
+
+
+
+exports.default = Param_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=Param.vue.js.map

package/lib/packages/components/param/src/Param.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Param.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/packages/components/param/src/Param.vue2.js

@@ -0,0 +1,179 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var param = require('./param.js');
+var ParamItem = require('./ParamItem.vue.js');
+
+const __default__ = vue.defineComponent({
+  name: "ToParam"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: param.paramProps,
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const rowData = vue.ref([]);
+    const labelWidth = vue.ref(String(props.labelWidth));
+    const paramItems = vue.ref([]);
+    const registerParamItem = (item) => {
+      paramItems.value.push(item);
+    };
+    const unregisterParamItem = (item) => {
+      const index = paramItems.value.indexOf(item);
+      if (index !== -1) {
+        paramItems.value.splice(index, 1);
+      }
+    };
+    const getLabelWidth = () => {
+      return labelWidth.value;
+    };
+    vue.provide("toParamContext", {
+      registerParamItem,
+      unregisterParamItem,
+      getLabelWidth
+    });
+    const setClass = vue.computed(() => {
+      const arr = [
+        props.col ? "col-" + props.col : "",
+        props.avg ? "is-avg" : "",
+        props.wrap ? "is-wrap" : ""
+      ];
+      if (props.dir === "v") {
+        arr.push("dir-v");
+      }
+      if (props.dir === "vo") {
+        arr.push("dir-vo");
+      }
+      if (props.align) {
+        arr.push(`align-${props.align}`);
+      }
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (props.type === "v") {
+        arr.push("dir-v");
+        arr.push("align-center");
+        arr.push("col-avg");
+      }
+      if (props.type === "vo") {
+        arr.push("dir-vo");
+        arr.push("align-center");
+        arr.push("col-avg");
+      }
+      return arr;
+    });
+    const getRowData = () => {
+      rowData.value = [];
+      if (typeof props.data === "string") {
+        const items = props.data.split(";").filter((item) => item.trim() !== "");
+        rowData.value = items.map((item) => {
+          const [label, value] = item.split(":");
+          return {
+            label: label ? label.trim() : "",
+            value: value ? value.trim() : ""
+          };
+        });
+      } else if (Array.isArray(props.data)) {
+        rowData.value = [...props.data];
+      }
+    };
+    vue.watch(
+      () => props.data,
+      () => {
+        if (props.data) {
+          getRowData();
+        }
+      },
+      { deep: true, immediate: true }
+    );
+    const adjustLabelWidth = () => {
+      requestAnimationFrame(() => {
+        let maxWidth = 0;
+        paramItems.value.forEach((item) => {
+          var _a, _b;
+          if ((_b = (_a = item.vnode) == null ? void 0 : _a.el) == null ? void 0 : _b.querySelector(".label span")) {
+            const labelSpan = item.vnode.el.querySelector(".label span");
+            const labelWidth2 = labelSpan.getBoundingClientRect().width;
+            if (maxWidth < labelWidth2) {
+              maxWidth = labelWidth2;
+            }
+          }
+        });
+        labelWidth.value = maxWidth + 20 + "px";
+      });
+    };
+    vue.watch(
+      () => props.labelWidth,
+      (newVal) => {
+        labelWidth.value = String(newVal);
+        if (newVal === "compute") {
+          adjustLabelWidth();
+        }
+      }
+    );
+    const paramRef = vue.ref(null);
+    let resizeObserver = null;
+    vue.onMounted(() => {
+      if (props.labelWidth === "compute") {
+        resizeObserver = new ResizeObserver(() => {
+          adjustLabelWidth();
+        });
+        if (paramRef.value) {
+          resizeObserver.observe(paramRef.value);
+        }
+        adjustLabelWidth();
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+        resizeObserver = null;
+      }
+    });
+    __expose({
+      getLabelWidth
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "paramRef",
+        ref: paramRef,
+        class: vue.normalizeClass(["to-param", setClass.value])
+      }, [
+        vue.createElementVNode("div", { class: "to-param-list" }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(rowData.value, (item, index) => {
+            return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index }, [
+              vue.createVNode(ParamItem.default, {
+                label: item.label,
+                value: item.value,
+                class: vue.normalizeClass([item.merge ? "merge-" + item.merge : ""]),
+                tip: _ctx.tip ? item.value : "",
+                "label-width": labelWidth.value,
+                wrap: item.wrap
+              }, {
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, item.label, {
+                    value: item.value
+                  }),
+                  vue.renderSlot(_ctx.$slots, "default", {
+                    label: item.label,
+                    value: item.value
+                  })
+                ]),
+                _: 2
+              }, 1032, ["label", "value", "class", "tip", "label-width", "wrap"]),
+              index < rowData.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "to-param-divider"
+              })) : vue.createCommentVNode("", true)
+            ], 64);
+          }), 128))
+        ])
+      ], 2);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=Param.vue2.js.map