@touchvue/ui 0.0.1-alpha.2

package/es/components/page/index.js

@@ -0,0 +1,334 @@
+import { defineComponent, ref, computed, watch, onMounted, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, renderSlot, createElementVNode, Fragment, renderList, createVNode, withKeys } from 'vue';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "to-page-total"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "to-page-pager"
+};
+const _hoisted_3 = { class: "to-page-pager-list" };
+const _hoisted_4 = {
+  key: 0,
+  class: "to-page-pager-ellipsis"
+};
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = {
+  key: 1,
+  class: "to-page-pager-ellipsis"
+};
+const _hoisted_7 = {
+  key: 2,
+  class: "to-page-size"
+};
+const _hoisted_8 = {
+  key: 3,
+  class: "to-page-jumper"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "page",
+  props: {
+    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 },
+    currentPage: { 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 },
+    hideOnSinglePage: { type: Boolean, default: false },
+    lite: Boolean
+  },
+  emits: [
+    "update:pageSize",
+    "size-change",
+    "update:currentPage",
+    "current-change",
+    "prev-click",
+    "next-click"
+  ],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const pageCount_ = ref(0);
+    const pageSize_ = ref(Number(props.pageSize));
+    const currentPage_ = ref(Number(props.currentPage));
+    const pager_ = ref([]);
+    const jumperPage = ref("");
+    const showPrevMore = ref(false);
+    const showNextMore = ref(false);
+    const cShowInSingle = computed(() => {
+      return !(props.hideOnSinglePage && Number(pageCount_.value) <= 1) || !props.hideOnSinglePage;
+    });
+    const cPageSizes = computed(() => {
+      const sizes = typeof props.pageSizes === "string" ? props.pageSizes.split(",") : props.pageSizes;
+      return sizes.map((size) => ({
+        label: size,
+        value: Number(size)
+      }));
+    });
+    const setClass = computed(() => {
+      let arr = [];
+      if (props.lite) {
+        arr.push(`is-lite`);
+      }
+      return arr;
+    });
+    watch(
+      () => props.pageSize,
+      (val) => {
+        const sizes = typeof props.pageSizes === "string" ? props.pageSizes.split(",") : props.pageSizes;
+        pageSize_.value = sizes.includes(val) ? Number(val) : Number(sizes[0]);
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.currentPage,
+      (val) => {
+        currentPage_.value = Number(val);
+        computePager();
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.pageCount,
+      (val) => {
+        pageCount_.value = Number(val);
+        computePager();
+      },
+      { immediate: true }
+    );
+    watch(() => props.total, computePager);
+    watch(() => props.pagerCount, computePager);
+    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);
+      computePager();
+    }
+    function handleCurrentChange(page) {
+      if (props.disabled)
+        return;
+      currentPage_.value = page;
+      emit("update:currentPage", page);
+      emit("current-change", page);
+      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_select = resolveComponent("to-select");
+      const _component_to_input = resolveComponent("to-input");
+      const _directive_dis = resolveDirective("dis");
+      const _directive_align = resolveDirective("align");
+      return cShowInSingle.value ? withDirectives((openBlock(), createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: normalizeClass([setClass.value, "to-page"])
+        },
+        [
+          __props.layout.includes("total") || __props.layout === "all" ? (openBlock(), createElementBlock(
+            "div",
+            _hoisted_1,
+            " \u5171 " + toDisplayString(__props.total) + " \u9879\u6570\u636E ",
+            1
+            /* TEXT */
+          )) : createCommentVNode("v-if", true),
+          createCommentVNode(' <div class="to-page-slot" v-if="slots.default || !lite"> '),
+          renderSlot(_ctx.$slots, "default"),
+          createCommentVNode(" </div> "),
+          __props.layout.includes("pager") || __props.layout === "all" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            withDirectives(createElementVNode(
+              "div",
+              {
+                class: "to-page-pager-prev",
+                onClick: handlePagePrev
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [_directive_dis, Number(currentPage_.value) <= 1]
+            ]),
+            createElementVNode("ul", _hoisted_3, [
+              createElementVNode(
+                "li",
+                {
+                  class: normalizeClass(["to-page-pager-item", { "is-on": Number(currentPage_.value) === 1 }]),
+                  onClick: _cache[0] || (_cache[0] = ($event) => handleCurrentChange(1))
+                },
+                " 1 ",
+                2
+                /* CLASS */
+              ),
+              showPrevMore.value ? (openBlock(), createElementBlock("li", _hoisted_4, "\u2026")) : createCommentVNode("v-if", true),
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(pager_.value, (page) => {
+                  return openBlock(), createElementBlock("li", {
+                    key: page,
+                    class: normalizeClass(["to-page-pager-item", { "is-on": Number(currentPage_.value) === page }]),
+                    onClick: ($event) => handleCurrentChange(page)
+                  }, toDisplayString(page), 11, _hoisted_5);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              )),
+              showNextMore.value ? (openBlock(), createElementBlock("li", _hoisted_6, "\u2026")) : createCommentVNode("v-if", true),
+              pageCount_.value > 1 ? (openBlock(), createElementBlock(
+                "li",
+                {
+                  key: 2,
+                  class: normalizeClass(["to-page-pager-item", { "is-on": Number(currentPage_.value) === Number(pageCount_.value) }]),
+                  onClick: _cache[1] || (_cache[1] = ($event) => handleCurrentChange(pageCount_.value))
+                },
+                toDisplayString(pageCount_.value),
+                3
+                /* TEXT, CLASS */
+              )) : createCommentVNode("v-if", true)
+            ]),
+            withDirectives(createElementVNode(
+              "div",
+              {
+                class: "to-page-pager-next",
+                onClick: handlePageNext
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [_directive_dis, Number(currentPage_.value) >= Number(pageCount_.value)]
+            ])
+          ])) : createCommentVNode("v-if", true),
+          __props.layout.includes("size") || __props.layout === "all" ? (openBlock(), createElementBlock("div", _hoisted_7, [
+            withDirectives(createVNode(_component_to_select, {
+              modelValue: pageSize_.value,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => pageSize_.value = $event),
+              suffix: "\u6761/\u9875",
+              mode: "none",
+              clearable: false,
+              data: cPageSizes.value,
+              "option-width": 10,
+              onChange: handleSizeChange
+            }, null, 8, ["modelValue", "data"]), [
+              [_directive_dis, __props.disabled]
+            ])
+          ])) : createCommentVNode("v-if", true),
+          __props.layout.includes("jumper") || __props.layout === "all" ? (openBlock(), createElementBlock("div", _hoisted_8, [
+            _cache[4] || (_cache[4] = createElementVNode(
+              "span",
+              null,
+              "\u8DF3\u81F3",
+              -1
+              /* CACHED */
+            )),
+            withDirectives(createVNode(_component_to_input, {
+              modelValue: jumperPage.value,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => jumperPage.value = $event),
+              placeholder: "1",
+              onKeyup: withKeys(handleJump, ["enter"])
+            }, null, 8, ["modelValue"]), [
+              [_directive_dis, __props.disabled]
+            ]),
+            createElementVNode(
+              "span",
+              null,
+              "/" + toDisplayString(pageCount_.value) + "\u9875",
+              1
+              /* TEXT */
+            )
+          ])) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      )), [
+        [_directive_align, __props.align]
+      ]) : createCommentVNode("v-if", true);
+    };
+  }
+});
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+var Page = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/page/src/page.vue"]]);
+
+const withInstall = (main, extra) => {
+  main.install = (app) => {
+    for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
+      app.component(comp.name, comp);
+    }
+  };
+  if (extra) {
+    for (const [key, comp] of Object.entries(extra)) {
+      main[key] = comp;
+    }
+  }
+  return main;
+};
+
+navigator.userAgent.toLowerCase();
+
+const ToPage = withInstall(Page);
+
+export { ToPage };
+//# sourceMappingURL=index.js.map

package/es/components/page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/page/src/page.vue","../../../../packages/utils/types.ts","../../../../packages/utils/ratio.ts","../../../../packages/components/page/index.ts"],"sourcesContent":["<template>\n  <div v-if=\"cShowInSingle\" v-align=\"align\" :class=\"setClass\" class=\"to-page\">\n    <div v-if=\"layout.includes('total') || layout === 'all'\" class=\"to-page-total\">\n      共 {{ total }} 项数据\n    </div>\n    <!-- <div class=\"to-page-slot\" v-if=\"slots.default || !lite\"> -->\n    <slot />\n    <!-- </div> -->\n    <div v-if=\"layout.includes('pager') || layout === 'all'\" class=\"to-page-pager\">\n      <div\n        v-dis=\"Number(currentPage_) <= 1\"\n        class=\"to-page-pager-prev\"\n        @click=\"handlePagePrev\"\n      ></div>\n      <ul class=\"to-page-pager-list\">\n        <li\n          class=\"to-page-pager-item\"\n          :class=\"{ 'is-on': Number(currentPage_) === 1 }\"\n          @click=\"handleCurrentChange(1)\"\n        >\n          1\n        </li>\n        <li v-if=\"showPrevMore\" class=\"to-page-pager-ellipsis\">…</li>\n        <li\n          v-for=\"page in pager_\"\n          :key=\"page\"\n          class=\"to-page-pager-item\"\n          :class=\"{ 'is-on': Number(currentPage_) === page }\"\n          @click=\"handleCurrentChange(page)\"\n        >\n          {{ page }}\n        </li>\n        <li v-if=\"showNextMore\" class=\"to-page-pager-ellipsis\">…</li>\n        <li\n          v-if=\"pageCount_ > 1\"\n          class=\"to-page-pager-item\"\n          :class=\"{ 'is-on': Number(currentPage_) === Number(pageCount_) }\"\n          @click=\"handleCurrentChange(pageCount_)\"\n        >\n          {{ pageCount_ }}\n        </li>\n      </ul>\n      <div\n        v-dis=\"Number(currentPage_) >= Number(pageCount_)\"\n        class=\"to-page-pager-next\"\n        @click=\"handlePageNext\"\n      ></div>\n    </div>\n    <div v-if=\"layout.includes('size') || layout === 'all'\" class=\"to-page-size\">\n      <to-select\n        v-model=\"pageSize_\"\n        v-dis=\"disabled\"\n        suffix=\"条/页\"\n        mode=\"none\"\n        :clearable=\"false\"\n        :data=\"cPageSizes\"\n        :option-width=\"10\"\n        @change=\"handleSizeChange\"\n      />\n    </div>\n    <div v-if=\"layout.includes('jumper') || layout === 'all'\" class=\"to-page-jumper\">\n      <span>跳至</span>\n      <to-input\n        v-model=\"jumperPage\"\n        v-dis=\"disabled\"\n        placeholder=\"1\"\n        @keyup.enter=\"handleJump\"\n      ></to-input>\n      <span>/{{ pageCount_ }}页</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, defineProps, defineEmits, onMounted } from 'vue';\n// const slots = useSlots\nconst props = defineProps({\n  align: { type: String, default: '' },\n  pageSize: { type: [Number, String], default: 10 },\n  total: { type: [Number, String], default: 0 },\n  pageCount: { type: [Number, String], default: undefined },\n  pagerCount: { type: [Number, String], default: 7 },\n  currentPage: { type: [Number, String], default: 1 },\n  layout: { type: String, default: 'all' },\n  pageSizes: { type: [Array, String], default: () => [10, 20, 30, 40, 50, 100] },\n  prevText: { type: String, default: '' },\n  nextText: { type: String, default: '' },\n  disabled: { type: Boolean, default: false },\n  hideOnSinglePage: { type: Boolean, default: false },\n  lite: Boolean,\n});\n\nconst emit = defineEmits([\n  'update:pageSize',\n  'size-change',\n  'update:currentPage',\n  'current-change',\n  'prev-click',\n  'next-click',\n]);\n\nconst pageCount_ = ref<number>(0);\nconst pageSize_ = ref<number>(Number(props.pageSize));\nconst currentPage_ = ref<number>(Number(props.currentPage));\nconst pager_ = ref<number[]>([]);\nconst jumperPage = ref<string>('');\nconst showPrevMore = ref(false);\nconst showNextMore = ref(false);\n\nconst cShowInSingle = computed(() => {\n  return !(props.hideOnSinglePage && Number(pageCount_.value) <= 1) || !props.hideOnSinglePage;\n});\n\nconst cPageSizes = computed(() => {\n  const sizes = typeof props.pageSizes === 'string' ? props.pageSizes.split(',') : props.pageSizes;\n  return sizes.map(size => ({\n    label: size,\n    value: Number(size),\n  }));\n});\n\nconst setClass = computed(() => {\n  let arr: string[] = [];\n  if (props.lite) {\n    arr.push(`is-lite`);\n  }\n  return arr;\n});\n\nwatch(\n  () => props.pageSize,\n  val => {\n    const sizes =\n      typeof props.pageSizes === 'string' ? props.pageSizes.split(',') : props.pageSizes;\n    pageSize_.value = sizes.includes(val) ? Number(val) : Number(sizes[0]);\n  },\n  { immediate: true }\n);\n\nwatch(\n  () => props.currentPage,\n  val => {\n    currentPage_.value = Number(val);\n    computePager();\n  },\n  { immediate: true }\n);\n\nwatch(\n  () => props.pageCount,\n  val => {\n    pageCount_.value = Number(val);\n    computePager();\n  },\n  { immediate: true }\n);\n\nwatch(() => props.total, computePager);\nwatch(() => props.pagerCount, computePager);\n\nonMounted(() => computePager());\n\nfunction handleJump() {\n  if (props.disabled || !jumperPage.value) return;\n  let jump = Number(jumperPage.value);\n  jump = Math.max(1, Math.min(jump, pageCount_.value));\n  jumperPage.value = '';\n  handleCurrentChange(jump);\n}\n\nfunction handleSizeChange(size: number) {\n  if (props.disabled) return;\n  emit('update:pageSize', size);\n  emit('size-change', size);\n  computePager();\n}\n\nfunction handleCurrentChange(page: number) {\n  if (props.disabled) return;\n  currentPage_.value = page;\n  emit('update:currentPage', page);\n  emit('current-change', page);\n  computePager();\n}\n\nfunction handlePagePrev() {\n  if (props.disabled || currentPage_.value <= 1) return;\n  currentPage_.value--;\n  handleCurrentChange(currentPage_.value);\n  emit('prev-click', currentPage_.value);\n}\n\nfunction handlePageNext() {\n  if (props.disabled || currentPage_.value >= pageCount_.value) return;\n  currentPage_.value++;\n  handleCurrentChange(currentPage_.value);\n  emit('next-click', currentPage_.value);\n}\n\nfunction computePager() {\n  const pagerCount = Number(props.pagerCount);\n  const halfPagerCount = (pagerCount - 1) / 2;\n  const count = props.pageCount\n    ? Number(props.pageCount)\n    : Math.ceil(Number(props.total) / pageSize_.value);\n  pageCount_.value = Math.max(1, count);\n\n  const current = currentPage_.value;\n  showPrevMore.value = current > pagerCount - halfPagerCount;\n  showNextMore.value = current < pageCount_.value - halfPagerCount;\n\n  const pages: number[] = [];\n\n  if (showPrevMore.value && !showNextMore.value) {\n    const start = pageCount_.value - (pagerCount - 2);\n    for (let i = start; i < pageCount_.value; i++) pages.push(i);\n  } else if (!showPrevMore.value && showNextMore.value) {\n    for (let i = 2; i < pagerCount; i++) pages.push(i);\n  } else if (showPrevMore.value && showNextMore.value) {\n    const offset = Math.floor(pagerCount / 2) - 1;\n    for (let i = current - offset; i <= current + offset; i++) pages.push(i);\n  } else {\n    for (let i = 2; i < pageCount_.value; i++) pages.push(i);\n  }\n\n  pager_.value = pages;\n}\n</script>\n","import type { App, Plugin } from 'vue';\n\n/* 生成install函数 */\n\nexport type SFCWithInstall<T> = T & Plugin;\n\nexport type SFCInstallWithContext<T> = SFCWithInstall<T> & {\n  _context: App | null;\n};\n\nexport const withInstall = <T, E extends Record<string, any>>(main: T, extra?: E) => {\n  (main as SFCWithInstall<T>).install = (app: App): void => {\n    for (const comp of [main, ...Object.values(extra ?? {})]) {\n      app.component(comp.name, comp);\n    }\n  };\n\n  if (extra) {\n    for (const [key, comp] of Object.entries(extra)) {\n      (main as any)[key] = comp;\n    }\n  }\n  return main as SFCWithInstall<T> & E;\n};\n\nexport const withInstallFunction = <T>(fn: T, name: string) => {\n  (fn as SFCWithInstall<T>).install = (app: App) => {\n    (fn as SFCInstallWithContext<T>)._context = app;\n    app.config.globalProperties[name] = fn;\n  };\n\n  return fn as SFCInstallWithContext<T>;\n};\n","interface Options {\n  ratio?: {\n    base?: {\n      pc?: number;\n      pad?: number;\n      phone?: number;\n    };\n  };\n}\n\nconst ua = navigator.userAgent.toLowerCase();\n\nexport function setRatio(options: Options = {}) {\n  const ua = navigator.userAgent.toLowerCase();\n  const base = options?.ratio?.base ?? {};\n\n  const baseSize = /iphone|android.*mobile|windows phone|ipod/i.test(ua)\n    ? (base.phone ?? 375)\n    : /ipad|android(?!.*mobile)|tablet/i.test(ua)\n      ? (base.pad ?? 1100)\n      : (base.pc ?? 1366);\n\n  const updateFontSize = () => {\n    const width = window.innerWidth || document.documentElement.clientWidth;\n    document.documentElement.style.fontSize = (width / baseSize) * 100 + 'px';\n  };\n\n  updateFontSize();\n  window.addEventListener('resize', updateFontSize);\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function getMedia(options: Options = {}) {\n  const isMobile = /iphone|android.*mobile|windows phone|ipod/i.test(ua);\n  const isTablet = /ipad|android(?!.*mobile)|tablet/i.test(ua);\n\n  return isMobile ? 'phone' : isTablet ? 'pad' : 'pc';\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function setMedia(options: Options = {}) {\n  const html = document.documentElement;\n  const classList: string[] = [];\n\n  // 判断操作系统\n  if (/windows/i.test(ua)) {\n    classList.push('os-windows');\n  } else if (/macintosh|mac os x/i.test(ua)) {\n    classList.push('os-macos');\n  } else if (/android/i.test(ua)) {\n    classList.push('os-android');\n  } else if (/iphone|ipad|ipod/i.test(ua)) {\n    classList.push('os-ios');\n  }\n\n  // 判断设备类型\n  const media = getMedia();\n  if (media === 'pad') {\n    classList.push('media-pad');\n  } else if (media === 'phone') {\n    classList.push('media-phone');\n  } else {\n    classList.push('media-pc');\n  }\n\n  // 添加 class 到 <html>\n  html.className += ' ' + classList.join(' ');\n}\n\nexport function getEm() {\n  const el = document.createElement('div');\n  el.style.width = '1em';\n  el.style.height = '1em';\n  el.style.position = 'absolute';\n  document.body.appendChild(el);\n  const size = el.getBoundingClientRect().height;\n  document.body.removeChild(el);\n  return size;\n}\n","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":["_createElementBlock","_normalizeClass","_openBlock","_toDisplayString","_createCommentVNode","_renderSlot","_createElementVNode","_Fragment","_renderList","_createVNode"],"mappings":"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"}

package/es/components/select/index.js

@@ -0,0 +1,218 @@
+import { ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, createTextVNode, createBlock, Teleport, unref, normalizeStyle, Fragment, renderList } from 'vue';
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _hoisted_1 = { class: "to-select-content" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = ["onClick"];
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  name: 'ToSelect',
+}, {
+  __name: 'select',
+  props: {
+  modelValue: {
+    type: [String, Number],
+    default: '',
+  },
+  data: {
+    type: [Boolean, Array],
+    default: () => {
+      return [];
+    },
+  },
+  prefix: {
+    type: String,
+    default: '',
+  },
+  suffix: {
+    type: String,
+    default: '',
+  },
+  mode: {
+    type: String,
+    default: 'default',
+  },
+  placeholderText: {
+    type: String,
+    default: '请选择',
+  },
+},
+  emits: ['update:modelValue', 'change'],
+  setup(__props, { emit: __emit }) {
+
+
+const props = __props;
+const elRef = ref(null);
+const optionRef = ref(null);
+let showOption = ref(false);
+const options = computed(() => {
+  if (typeof props.data === 'string') {
+    // 按逗号拆分字符串，过滤空项
+    return props.data
+      .split(',')
+      .map(item => item.trim())
+      .filter(item => item.length > 0)
+      .map(item => ({ label: item, value: item }));
+  } else if (Array.isArray(props.data)) {
+    return props.data;
+  }
+  // 其它情况返回空数组
+  return [];
+});
+
+const emit = __emit;
+
+const isPlaceholder = computed(
+  () => props.modelValue === undefined || props.modelValue === null || props.modelValue === ''
+);
+
+const displayText = computed(() => {
+  if (isPlaceholder.value) return props.placeholderText;
+  if (options.value.length) {
+    const found = options.value.find(item => item.value === props.modelValue);
+    return found && found.label !== undefined ? found.label : String(props.modelValue);
+  }
+  return String(props.modelValue);
+});
+
+const setClass = computed(() => {
+  const arr = [];
+  if (props.mode) {
+    arr.push(`mode-${props.mode}`);
+  }
+  return arr;
+});
+
+const setOptionStyle = computed(() => {
+  const obj = {};
+  return obj;
+});
+
+const open = () => {
+  if (showOption.value) {
+    showOption.value = false;
+  } else {
+    // 获取初始变量
+    const baseInfo = elRef.value.getBoundingClientRect();
+    // const floatInfo = optionRef.value.getBoundingClientRect()
+    const contentHeight = optionRef.value.scrollHeight;
+    const spaceHeight = document.body.offsetHeight - (baseInfo.top + baseInfo.height);
+
+    // 定位
+    optionRef.value.style.left = `${baseInfo.left}px`;
+    optionRef.value.style.top = `${baseInfo.top + baseInfo.height - 1}px`;
+
+    // 设置大小
+    optionRef.value.style.width = `${baseInfo.width}px`;
+
+    // 设置高度
+    if (spaceHeight < contentHeight) {
+      optionRef.value.style.height = `${spaceHeight}px`;
+    }
+
+    // 打开
+    showOption.value = true;
+
+    // 点击组件之外关闭
+    document.body.addEventListener('mousedown', blur);
+  }
+};
+
+const blur = e => {
+  let node = e.target;
+  while (node && node !== optionRef.value && node !== elRef.value && node.nodeName !== 'BODY') {
+    node = node.parentNode;
+  }
+  if (node && node.nodeName === 'BODY') {
+    close();
+  }
+};
+
+const select = item => {
+  emit('update:modelValue', item.value);
+  emit('change', item.value);
+  close();
+};
+
+const close = () => {
+  showOption.value = false;
+};
+
+const clear = () => {
+  emit('update:modelValue', '');
+  emit('change', '');
+  close();
+};
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("div", {
+    ref_key: "elRef",
+    ref: elRef,
+    class: normalizeClass(["to-select", [{ 'is-placeholder': isPlaceholder.value }, ...setClass.value]]),
+    onClick: open
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      (!isPlaceholder.value)
+        ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.prefix), 1 /* TEXT */))
+        : createCommentVNode("v-if", true),
+      createTextVNode(" " + toDisplayString(displayText.value) + " ", 1 /* TEXT */),
+      (!isPlaceholder.value)
+        ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.suffix), 1 /* TEXT */))
+        : createCommentVNode("v-if", true)
+    ]),
+    _cache[0] || (_cache[0] = createElementVNode("div", { class: "to-select-arrow" }, null, -1 /* CACHED */)),
+    (openBlock(), createBlock(Teleport, { to: "body" }, [
+      createElementVNode("div", {
+        ref_key: "optionRef",
+        ref: optionRef,
+        class: normalizeClass(["to-select-option", { 'is-show': unref(showOption) }]),
+        style: normalizeStyle(setOptionStyle.value)
+      }, [
+        createElementVNode("div", {
+          class: "to-select-item",
+          onClick: clear
+        }, toDisplayString(__props.placeholderText), 1 /* TEXT */),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (item, index) => {
+          return (openBlock(), createElementBlock("div", {
+            key: index,
+            class: normalizeClass(["to-select-item", { 'is-on': __props.modelValue === item.value }]),
+            onClick: $event => (select(item))
+          }, toDisplayString(item.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_4))
+        }), 128 /* KEYED_FRAGMENT */))
+      ], 6 /* CLASS, STYLE */)
+    ]))
+  ], 2 /* CLASS */))
+}
+}
+
+});
+var Select = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"/Users/wangding/WorkSpace/AsiaInfo/projects/前端框架/touch-vue3-ui/packages/components/select/src/select.vue"]]);
+
+const withInstall = (main, extra) => {
+  main.install = (app) => {
+    for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
+      app.component(comp.name, comp);
+    }
+  };
+  if (extra) {
+    for (const [key, comp] of Object.entries(extra)) {
+      main[key] = comp;
+    }
+  }
+  return main;
+};
+
+navigator.userAgent.toLowerCase();
+
+const ToSelect = withInstall(Select);
+
+export { ToSelect };
+//# sourceMappingURL=index.js.map

package/es/components/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/select/src/select.vue","../../../../packages/utils/types.ts","../../../../packages/utils/ratio.ts","../../../../packages/components/select/index.ts"],"sourcesContent":["<template>\n  <div\n    ref=\"elRef\"\n    class=\"to-select\"\n    :class=\"[{ 'is-placeholder': isPlaceholder }, ...setClass]\"\n    @click=\"open\"\n  >\n    <div class=\"to-select-content\">\n      <span v-if=\"!isPlaceholder\">{{ prefix }}</span>\n      {{ displayText }}\n      <span v-if=\"!isPlaceholder\">{{ suffix }}</span>\n    </div>\n    <div class=\"to-select-arrow\"></div>\n    <Teleport to=\"body\">\n      <div\n        ref=\"optionRef\"\n        class=\"to-select-option\"\n        :class=\"{ 'is-show': showOption }\"\n        :style=\"setOptionStyle\"\n      >\n        <div class=\"to-select-item\" @click=\"clear\">{{ placeholderText }}</div>\n        <div\n          v-for=\"(item, index) in options\"\n          :key=\"index\"\n          class=\"to-select-item\"\n          :class=\"{ 'is-on': modelValue === item.value }\"\n          @click=\"select(item)\"\n        >\n          {{ item.label }}\n        </div>\n      </div>\n    </Teleport>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\ndefineOptions({\n  name: 'ToSelect',\n});\nconst props = defineProps({\n  modelValue: {\n    type: [String, Number],\n    default: '',\n  },\n  data: {\n    type: [Boolean, Array],\n    default: () => {\n      return [];\n    },\n  },\n  prefix: {\n    type: String,\n    default: '',\n  },\n  suffix: {\n    type: String,\n    default: '',\n  },\n  mode: {\n    type: String,\n    default: 'default',\n  },\n  placeholderText: {\n    type: String,\n    default: '请选择',\n  },\n});\nconst elRef = ref(null);\nconst optionRef = ref(null);\nlet showOption = ref(false);\nconst options = computed(() => {\n  if (typeof props.data === 'string') {\n    // 按逗号拆分字符串，过滤空项\n    return props.data\n      .split(',')\n      .map(item => item.trim())\n      .filter(item => item.length > 0)\n      .map(item => ({ label: item, value: item }));\n  } else if (Array.isArray(props.data)) {\n    return props.data;\n  }\n  // 其它情况返回空数组\n  return [];\n});\n\nconst emit = defineEmits(['update:modelValue', 'change']);\n\nconst isPlaceholder = computed(\n  () => props.modelValue === undefined || props.modelValue === null || props.modelValue === ''\n);\n\nconst displayText = computed(() => {\n  if (isPlaceholder.value) return props.placeholderText;\n  if (options.value.length) {\n    const found = options.value.find(item => item.value === props.modelValue);\n    return found && found.label !== undefined ? found.label : String(props.modelValue);\n  }\n  return String(props.modelValue);\n});\n\nconst setClass = computed(() => {\n  const arr = [];\n  if (props.mode) {\n    arr.push(`mode-${props.mode}`);\n  }\n  return arr;\n});\n\nconst setOptionStyle = computed(() => {\n  const obj = {};\n  return obj;\n});\n\nconst open = () => {\n  if (showOption.value) {\n    showOption.value = false;\n  } else {\n    // 获取初始变量\n    const baseInfo = elRef.value.getBoundingClientRect();\n    // const floatInfo = optionRef.value.getBoundingClientRect()\n    const contentHeight = optionRef.value.scrollHeight;\n    const spaceHeight = document.body.offsetHeight - (baseInfo.top + baseInfo.height);\n\n    // 定位\n    optionRef.value.style.left = `${baseInfo.left}px`;\n    optionRef.value.style.top = `${baseInfo.top + baseInfo.height - 1}px`;\n\n    // 设置大小\n    optionRef.value.style.width = `${baseInfo.width}px`;\n\n    // 设置高度\n    if (spaceHeight < contentHeight) {\n      optionRef.value.style.height = `${spaceHeight}px`;\n    }\n\n    // 打开\n    showOption.value = true;\n\n    // 点击组件之外关闭\n    document.body.addEventListener('mousedown', blur);\n  }\n};\n\nconst blur = e => {\n  let node = e.target;\n  while (node && node !== optionRef.value && node !== elRef.value && node.nodeName !== 'BODY') {\n    node = node.parentNode;\n  }\n  if (node && node.nodeName === 'BODY') {\n    close();\n  }\n};\n\nconst select = item => {\n  emit('update:modelValue', item.value);\n  emit('change', item.value);\n  close();\n};\n\nconst close = () => {\n  showOption.value = false;\n};\n\nconst clear = () => {\n  emit('update:modelValue', '');\n  emit('change', '');\n  close();\n};\n</script>\n","import type { App, Plugin } from 'vue';\n\n/* 生成install函数 */\n\nexport type SFCWithInstall<T> = T & Plugin;\n\nexport type SFCInstallWithContext<T> = SFCWithInstall<T> & {\n  _context: App | null;\n};\n\nexport const withInstall = <T, E extends Record<string, any>>(main: T, extra?: E) => {\n  (main as SFCWithInstall<T>).install = (app: App): void => {\n    for (const comp of [main, ...Object.values(extra ?? {})]) {\n      app.component(comp.name, comp);\n    }\n  };\n\n  if (extra) {\n    for (const [key, comp] of Object.entries(extra)) {\n      (main as any)[key] = comp;\n    }\n  }\n  return main as SFCWithInstall<T> & E;\n};\n\nexport const withInstallFunction = <T>(fn: T, name: string) => {\n  (fn as SFCWithInstall<T>).install = (app: App) => {\n    (fn as SFCInstallWithContext<T>)._context = app;\n    app.config.globalProperties[name] = fn;\n  };\n\n  return fn as SFCInstallWithContext<T>;\n};\n","interface Options {\n  ratio?: {\n    base?: {\n      pc?: number;\n      pad?: number;\n      phone?: number;\n    };\n  };\n}\n\nconst ua = navigator.userAgent.toLowerCase();\n\nexport function setRatio(options: Options = {}) {\n  const ua = navigator.userAgent.toLowerCase();\n  const base = options?.ratio?.base ?? {};\n\n  const baseSize = /iphone|android.*mobile|windows phone|ipod/i.test(ua)\n    ? (base.phone ?? 375)\n    : /ipad|android(?!.*mobile)|tablet/i.test(ua)\n      ? (base.pad ?? 1100)\n      : (base.pc ?? 1366);\n\n  const updateFontSize = () => {\n    const width = window.innerWidth || document.documentElement.clientWidth;\n    document.documentElement.style.fontSize = (width / baseSize) * 100 + 'px';\n  };\n\n  updateFontSize();\n  window.addEventListener('resize', updateFontSize);\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function getMedia(options: Options = {}) {\n  const isMobile = /iphone|android.*mobile|windows phone|ipod/i.test(ua);\n  const isTablet = /ipad|android(?!.*mobile)|tablet/i.test(ua);\n\n  return isMobile ? 'phone' : isTablet ? 'pad' : 'pc';\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function setMedia(options: Options = {}) {\n  const html = document.documentElement;\n  const classList: string[] = [];\n\n  // 判断操作系统\n  if (/windows/i.test(ua)) {\n    classList.push('os-windows');\n  } else if (/macintosh|mac os x/i.test(ua)) {\n    classList.push('os-macos');\n  } else if (/android/i.test(ua)) {\n    classList.push('os-android');\n  } else if (/iphone|ipad|ipod/i.test(ua)) {\n    classList.push('os-ios');\n  }\n\n  // 判断设备类型\n  const media = getMedia();\n  if (media === 'pad') {\n    classList.push('media-pad');\n  } else if (media === 'phone') {\n    classList.push('media-phone');\n  } else {\n    classList.push('media-pc');\n  }\n\n  // 添加 class 到 <html>\n  html.className += ' ' + classList.join(' ');\n}\n\nexport function getEm() {\n  const el = document.createElement('div');\n  el.style.width = '1em';\n  el.style.height = '1em';\n  el.style.position = 'absolute';\n  document.body.appendChild(el);\n  const size = el.getBoundingClientRect().height;\n  document.body.removeChild(el);\n  return size;\n}\n","import Select from './src/select.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\n\nexport const ToSelect: SFCWithInstall<typeof Select> = withInstall(Select);\n\nexport * from './src/instance';\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_openBlock","_toDisplayString","_createBlock","_Teleport","_unref","_Fragment","_renderList"],"mappings":"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"}