@touchvue/ui 0.0.1-alpha.2

package/es/index.js

@@ -0,0 +1,4209 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, createElementVNode, renderSlot, toDisplayString, createTextVNode, Teleport, unref, Fragment, renderList, useSlots, onMounted, onBeforeUnmount, getCurrentInstance, provide, inject, createVNode, withCtx, watch, withDirectives, vModelText, vModelDynamic, withModifiers, vShow, useAttrs, resolveDynamicComponent, resolveDirective, withKeys, mergeProps } from 'vue';
+import { existsSync } from 'fs';
+import { resolve } from 'path';
+
+const _hoisted_1$g = { class: "to-button-text" };
+var _sfc_main$s = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToButton"
+  },
+  __name: "button",
+  props: {
+    icon: { type: String, required: false, default: "" },
+    mode: { type: String, required: false, default: "default" },
+    color: { type: String, required: false, default: "" },
+    width: { type: [String, Number], required: false },
+    iconPosition: { type: String, required: false, default: "" }
+  },
+  setup(__props, { expose: __expose }) {
+    const el = ref(null);
+    const props = __props;
+    const setStyle = computed(() => {
+      const style = {};
+      if (props.width) {
+        style.width = `${props.width}em`;
+      }
+      return style;
+    });
+    const setClass = computed(() => {
+      let arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (props.color) {
+        arr.push(`color-${props.color}`);
+      }
+      if (props.iconPosition) {
+        arr.push(`icon-position-${props.iconPosition}`);
+      }
+      return arr;
+    });
+    __expose({ el });
+    return (_ctx, _cache) => {
+      const _component_ToIcon = resolveComponent("ToIcon");
+      return openBlock(), createElementBlock(
+        "button",
+        {
+          ref_key: "el",
+          ref: el,
+          class: normalizeClass(["to-button", setClass.value]),
+          style: normalizeStyle(setStyle.value)
+        },
+        [
+          _ctx.icon ? (openBlock(), createBlock(_component_ToIcon, {
+            key: 0,
+            class: "to-button-icon",
+            value: _ctx.icon
+          }, null, 8, ["value"])) : createCommentVNode("v-if", true),
+          createElementVNode("span", _hoisted_1$g, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/button/src/button.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;
+};
+
+const ua = navigator.userAgent.toLowerCase();
+function setRatio(options = {}) {
+  var _a, _b, _c, _d, _e;
+  const ua2 = navigator.userAgent.toLowerCase();
+  const base = (_b = (_a = options == null ? void 0 : options.ratio) == null ? void 0 : _a.base) != null ? _b : {};
+  const baseSize = /iphone|android.*mobile|windows phone|ipod/i.test(ua2) ? (_c = base.phone) != null ? _c : 375 : /ipad|android(?!.*mobile)|tablet/i.test(ua2) ? (_d = base.pad) != null ? _d : 1100 : (_e = base.pc) != null ? _e : 1366;
+  const updateFontSize = () => {
+    const width = window.innerWidth || document.documentElement.clientWidth;
+    document.documentElement.style.fontSize = width / baseSize * 100 + "px";
+  };
+  updateFontSize();
+  window.addEventListener("resize", updateFontSize);
+}
+function getMedia(options = {}) {
+  const isMobile = /iphone|android.*mobile|windows phone|ipod/i.test(ua);
+  const isTablet = /ipad|android(?!.*mobile)|tablet/i.test(ua);
+  return isMobile ? "phone" : isTablet ? "pad" : "pc";
+}
+function setMedia(options = {}) {
+  const html = document.documentElement;
+  const classList = [];
+  if (/windows/i.test(ua)) {
+    classList.push("os-windows");
+  } else if (/macintosh|mac os x/i.test(ua)) {
+    classList.push("os-macos");
+  } else if (/android/i.test(ua)) {
+    classList.push("os-android");
+  } else if (/iphone|ipad|ipod/i.test(ua)) {
+    classList.push("os-ios");
+  }
+  const media = getMedia();
+  if (media === "pad") {
+    classList.push("media-pad");
+  } else if (media === "phone") {
+    classList.push("media-phone");
+  } else {
+    classList.push("media-pc");
+  }
+  html.className += " " + classList.join(" ");
+}
+function getEm() {
+  const el = document.createElement("div");
+  el.style.width = "1em";
+  el.style.height = "1em";
+  el.style.position = "absolute";
+  document.body.appendChild(el);
+  const size = el.getBoundingClientRect().height;
+  document.body.removeChild(el);
+  return size;
+}
+
+const ToButton = withInstall(Button);
+
+var _sfc_main$r = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToIcon"
+  },
+  __name: "icon",
+  props: {
+    value: { type: String, required: false, default: "" },
+    type: { type: String, required: false, default: "" },
+    color: { type: String, required: false, default: "" },
+    mode: { type: String, required: false, default: "text" },
+    contentSize: { type: [Number, String], required: false, default: "" },
+    link: { type: Boolean, required: false, default: false }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const text = ref(null);
+    const setClass = computed(() => {
+      const arr = props.value ? [`value-${props.value}`] : [];
+      if (props.type === "fill") {
+        arr.push("type-fill");
+      }
+      if (props.mode && props.mode !== "text") {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (props.color) {
+        arr.push(`color-${props.color}`);
+      }
+      if (props.link) {
+        arr.push("is-link");
+      }
+      return arr;
+    });
+    function clickHandle(evt) {
+      emit("click", evt);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "span",
+        {
+          class: normalizeClass(["to-icon", setClass.value]),
+          onClick: clickHandle
+        },
+        [
+          createElementVNode(
+            "span",
+            {
+              ref_key: "text",
+              ref: text,
+              class: "to-icon-text"
+            },
+            [
+              renderSlot(_ctx.$slots, "default")
+            ],
+            512
+            /* NEED_PATCH */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/icon/src/icon.vue"]]);
+
+const ToIcon = withInstall(Icon);
+
+const _hoisted_1$f = { class: "to-article" };
+const _hoisted_2$c = {
+  key: 0,
+  class: "to-article-header"
+};
+const _hoisted_3$a = { class: "to-article-content" };
+const _hoisted_4$a = {
+  key: 1,
+  class: "to-article-footer"
+};
+var _sfc_main$q = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToArticle"
+  },
+  __name: "article",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("article", _hoisted_1$f, [
+        _ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_2$c, [
+          renderSlot(_ctx.$slots, "header")
+        ])) : createCommentVNode("v-if", true),
+        createElementVNode("section", _hoisted_3$a, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4$a, [
+          renderSlot(_ctx.$slots, "footer")
+        ])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+var Article = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/article/src/article.vue"]]);
+
+const articleProps = {};
+
+const ToArticle = withInstall(Article);
+
+var _sfc_main$p = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToBox"
+  },
+  __name: "box",
+  props: {
+    mode: { type: String, required: false, default: "default" },
+    color: { type: String, required: false },
+    padding: { type: [String, Number], required: false },
+    height: { type: [String, Number], required: false },
+    cut: { type: Boolean, required: false, default: false },
+    link: { type: Boolean, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const setClass = computed(() => {
+      let arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (props.cut) {
+        arr.push(`is-cut`);
+      }
+      if (props.link) {
+        arr.push(`is-link`);
+      }
+      if (props.height && props.height === "full") {
+        arr.push("height-full");
+      }
+      return arr;
+    });
+    const setStyle = computed(() => {
+      const obj = {};
+      if (props.height && props.height !== "full") {
+        if (!isNaN(Number(props.height))) {
+          obj.height = props.height + "em";
+        }
+      }
+      const hasUnit = (val) => /[a-z%]+$/i.test(val);
+      if (String(props.padding).trim()) {
+        const padded = String(props.padding).trim().split(/\s+/).map((val) => {
+          return hasUnit(val) ? val : `${val}em`;
+        }).join(" ");
+        obj.padding = padded;
+      }
+      return obj;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-box", setClass.value]),
+          style: normalizeStyle(setStyle.value)
+        },
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+var Box = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/box/src/box.vue"]]);
+
+const boxProps = {};
+
+const ToBox = withInstall(Box);
+
+const _hoisted_1$e = { class: "to-select-content" };
+const _hoisted_2$b = { key: 0 };
+const _hoisted_3$9 = { key: 1 };
+const _hoisted_4$9 = ["onClick"];
+
+const _sfc_main$o = /*@__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$e, [
+      (!isPlaceholder.value)
+        ? (openBlock(), createElementBlock("span", _hoisted_2$b, toDisplayString(__props.prefix), 1 /* TEXT */))
+        : createCommentVNode("v-if", true),
+      createTextVNode(" " + toDisplayString(displayText.value) + " ", 1 /* TEXT */),
+      (!isPlaceholder.value)
+        ? (openBlock(), createElementBlock("span", _hoisted_3$9, 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$9))
+        }), 128 /* KEYED_FRAGMENT */))
+      ], 6 /* CLASS, STYLE */)
+    ]))
+  ], 2 /* CLASS */))
+}
+}
+
+});
+var Select = /*#__PURE__*/_export_sfc(_sfc_main$o, [['__file',"/Users/wangding/WorkSpace/AsiaInfo/projects/前端框架/touch-vue3-ui/packages/components/select/src/select.vue"]]);
+
+const ToSelect = withInstall(Select);
+
+var _sfc_main$n = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToCalendar"
+  },
+  __name: "calendar",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div");
+    };
+  }
+});
+
+var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/calendar/src/calendar.vue"]]);
+
+const ToCalendar = withInstall(Calendar);
+
+var _sfc_main$m = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToSpace"
+  },
+  __name: "space",
+  props: {
+    mode: { type: String, required: false, default: "default" },
+    value: { type: [String, Number], required: false, default: "" },
+    inline: { type: Boolean, required: false, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const setStyle = computed(() => {
+      const obj = {};
+      if (props.value) {
+        if (props.inline) {
+          if (!isNaN(Number(props.value))) {
+            obj.width = props.value + "em";
+          } else {
+            obj.width = props.value;
+          }
+        } else {
+          if (!isNaN(Number(props.value))) {
+            obj.height = props.value + "em";
+          } else {
+            obj.height = props.value;
+          }
+        }
+      }
+      return obj;
+    });
+    const setClass = computed(() => {
+      let arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (props.inline) {
+        arr.push(`is-inline`);
+      }
+      return arr;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-space", setClass.value]),
+          style: normalizeStyle(setStyle.value)
+        },
+        null,
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+var Space = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/space/src/space.vue"]]);
+
+const ToSpace = withInstall(Space);
+
+const _hoisted_1$d = { class: "to-step" };
+const _hoisted_2$a = { class: "to-step-index" };
+const _hoisted_3$8 = {
+  key: 0,
+  class: "to-step-icon"
+};
+const _hoisted_4$8 = {
+  key: 1,
+  class: "to-step-number"
+};
+const _hoisted_5$8 = { class: "to-step-text" };
+const _hoisted_6$7 = { class: "to-step-title" };
+const _hoisted_7$6 = { class: "to-step-label" };
+const _hoisted_8$6 = { class: "to-step-content" };
+var _sfc_main$l = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToStep"
+  },
+  __name: "step",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: { type: [Number, String], default: 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const updateValue = (idx) => {
+      console.log(props);
+      emit("update:modelValue", idx);
+    };
+    console.log(updateValue);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+        (openBlock(true), createElementBlock(
+          Fragment,
+          null,
+          renderList(__props.data, (item, idx) => {
+            return openBlock(), createElementBlock(
+              "div",
+              {
+                key: idx,
+                class: normalizeClass(["to-step-item", { "is-on": idx === Number(__props.modelValue), "is-completed": Number(__props.modelValue) > idx }])
+              },
+              [
+                createElementVNode("div", _hoisted_2$a, [
+                  Number(__props.modelValue) > idx ? (openBlock(), createElementBlock("div", _hoisted_3$8)) : (openBlock(), createElementBlock(
+                    "div",
+                    _hoisted_4$8,
+                    toDisplayString(idx + 1),
+                    1
+                    /* TEXT */
+                  ))
+                ]),
+                createElementVNode("div", _hoisted_5$8, [
+                  createElementVNode("div", _hoisted_6$7, [
+                    createElementVNode(
+                      "div",
+                      _hoisted_7$6,
+                      toDisplayString(item.label),
+                      1
+                      /* TEXT */
+                    ),
+                    _cache[0] || (_cache[0] = createElementVNode(
+                      "div",
+                      { class: "to-step-line" },
+                      null,
+                      -1
+                      /* CACHED */
+                    ))
+                  ]),
+                  createElementVNode(
+                    "div",
+                    _hoisted_8$6,
+                    toDisplayString(item.content),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ],
+              2
+              /* CLASS */
+            );
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]);
+    };
+  }
+});
+
+var Step = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/step/src/step.vue"]]);
+
+const ToStep = withInstall(Step);
+
+var _sfc_main$k = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToForm"
+  },
+  __name: "form",
+  props: {
+    labelWidth: {
+      type: [Number, String],
+      default: ""
+    },
+    labelPosition: {
+      type: String,
+      default: "left"
+    },
+    col: {
+      type: [Number, String],
+      default: 1
+    },
+    submitPosition: {
+      type: String,
+      default: ""
+    },
+    type: {
+      type: String,
+      default: ""
+    },
+    mode: {
+      type: String,
+      default: ""
+    },
+    space: {
+      type: [Number, String],
+      default: (props) => props.type === "list" ? 0 : 0.5
+    },
+    spaceX: {
+      type: [Number, String],
+      default: ""
+    },
+    spaceY: {
+      type: [Number, String],
+      default: ""
+    },
+    valueWidth: {
+      type: String,
+      default: ""
+    },
+    comparable: Boolean,
+    readonly: Boolean
+  },
+  setup(__props) {
+    const props = __props;
+    const toForm = ref(null);
+    const slots = useSlots();
+    const items = ref([]);
+    const setClass = computed(() => {
+      const arr = [];
+      if (props.col)
+        arr.push(`col-${props.col}`);
+      if (props.submitPosition)
+        arr.push(`submit-position-${props.submitPosition}`);
+      if (props.mode)
+        arr.push(`mode-${props.mode}`);
+      if (props.labelPosition)
+        arr.push(`label-position-${props.labelPosition}`);
+      if (props.valueWidth)
+        arr.push(`value-width-${props.valueWidth}`);
+      return arr;
+    });
+    const setSubmitStyle = computed(() => {
+      const obj = {};
+      const sp = props.space;
+      const spy = props.spaceY;
+      const pos = props.submitPosition;
+      if ((sp || sp === 0) && pos !== "right" && pos !== "follow" && props.type !== "list") {
+        obj.marginTop = `${sp}em`;
+      }
+      if ((sp || sp === 0) && (pos === "rightBottom" || pos === "item")) {
+        obj.paddingTop = `${sp}em`;
+      }
+      if ((spy || spy === 0) && pos !== "right" && pos !== "follow" && props.type !== "list") {
+        obj.marginTop = `${spy}em`;
+      }
+      if ((spy || spy === 0) && (pos === "rightBottom" || pos === "item")) {
+        obj.paddingTop = `${spy}em`;
+      }
+      return obj;
+    });
+    const setLiStyle = computed(() => {
+      const obj = {};
+      const pos = props.submitPosition;
+      if ((props.space || props.space === 0) && pos === "rightBottom") {
+        obj.marginTop = `${props.space}em`;
+      }
+      if ((props.spaceY || props.spaceY === 0) && pos === "rightBottom") {
+        obj.marginTop = `${props.spaceY}em`;
+      }
+      return obj;
+    });
+    const adjust = () => {
+      setTimeout(() => {
+        let maxWidth = 0;
+        items.value.forEach((item) => {
+          var _a;
+          if ((_a = item == null ? void 0 : item.$refs) == null ? void 0 : _a.label) {
+            item.$refs.label.style.width = "";
+          }
+        });
+        items.value.forEach((item) => {
+          var _a;
+          const labelText = (_a = item == null ? void 0 : item.$refs) == null ? void 0 : _a.labelText;
+          if (labelText && labelText.clientWidth > maxWidth) {
+            maxWidth = labelText.clientWidth;
+          }
+        });
+        items.value.forEach((item) => {
+          var _a;
+          if ((_a = item == null ? void 0 : item.$refs) == null ? void 0 : _a.label) {
+            item.$refs.label.style.width = `${maxWidth + 1}px`;
+          }
+        });
+      }, 200);
+    };
+    onMounted(() => {
+      if (props.labelWidth === "max") {
+        window.addEventListener("resize", adjust);
+        adjust();
+      }
+    });
+    onBeforeUnmount(() => {
+      if (props.labelWidth === "max") {
+        window.removeEventListener("resize", adjust);
+      }
+    });
+    const instance = getCurrentInstance();
+    provide("ToForm", instance == null ? void 0 : instance.proxy);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-form", setClass.value])
+        },
+        [
+          createElementVNode(
+            "ul",
+            {
+              ref_key: "toForm",
+              ref: toForm,
+              class: "to-form-list"
+            },
+            [
+              renderSlot(_ctx.$slots, "default"),
+              props.submitPosition === "corner" ? (openBlock(), createElementBlock(
+                "li",
+                {
+                  key: 0,
+                  class: "to-form-item to-form-placeholder",
+                  style: normalizeStyle(setLiStyle.value)
+                },
+                null,
+                4
+                /* STYLE */
+              )) : createCommentVNode("v-if", true),
+              unref(slots).submit ? (openBlock(), createElementBlock(
+                "li",
+                {
+                  key: 1,
+                  class: "to-form-submit",
+                  style: normalizeStyle(setSubmitStyle.value.value)
+                },
+                [
+                  renderSlot(_ctx.$slots, "submit")
+                ],
+                4
+                /* STYLE */
+              )) : createCommentVNode("v-if", true)
+            ],
+            512
+            /* NEED_PATCH */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/form/src/form.vue"]]);
+
+const _hoisted_1$c = { class: "to-form-value" };
+var _sfc_main$j = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToFormItem",
+    inheritAttrs: false
+  },
+  __name: "form-item",
+  props: {
+    label: { type: String, required: false },
+    labelTip: { type: String, required: false },
+    tip: { type: String, required: false },
+    labelWidth: { type: [Number, String], required: false },
+    required: { type: Boolean, required: false },
+    merge: { type: [Number, String, null], required: false },
+    link: { type: Boolean, required: false }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const labelV = ref(null);
+    const labelText = ref(null);
+    const ToForm = inject("ToForm", {
+      items: []
+    });
+    provide("ToFormItem", {});
+    const setClass = computed(() => {
+      const arr = [];
+      if (props.required)
+        arr.push("is-required");
+      if (props.link)
+        arr.push("link");
+      if (props.merge !== null && props.merge !== void 0)
+        arr.push(`merge-${props.merge}`);
+      return arr;
+    });
+    const setLabelStyle = computed(() => {
+      const style = {};
+      if (ToForm.labelWidth) {
+        style.width = ToForm.labelWidth + "em";
+      }
+      return style;
+    });
+    onMounted(() => {
+      var _a;
+      (_a = ToForm == null ? void 0 : ToForm.items) == null ? void 0 : _a.push({
+        $refs: {
+          label: labelV.value,
+          labelText: labelText.value
+        }
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "li",
+        {
+          class: normalizeClass(["to-form-item", setClass.value]),
+          onClick: _cache[0] || (_cache[0] = ($event) => emit("click"))
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: "to-form-label",
+              style: normalizeStyle(setLabelStyle.value)
+            },
+            toDisplayString(props.label),
+            5
+            /* TEXT, STYLE */
+          ),
+          createElementVNode("div", _hoisted_1$c, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/form/src/form-item.vue"]]);
+
+const ToForm = withInstall(Form);
+const ToFormItem = withInstall(FormItem);
+
+var _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "grid",
+  props: {
+    type: { type: String, required: false, default: "" },
+    mode: { type: String, required: false, default: "default" },
+    space: { type: [Number, String], required: false, default: 0 },
+    spaceX: { type: [Number, String], required: false, default: 0 },
+    spaceY: { type: [Number, String], required: false, default: 0 },
+    padding: { type: [Number, String], required: false, default: 0 },
+    paddingX: { type: [Number, String], required: false, default: 0 },
+    paddingY: { type: [Number, String], required: false, default: 0 },
+    paddingPosition: { type: String, required: false, default: "" },
+    col: { type: [Number, String], required: false, default: "" },
+    height: { type: [Number, String], required: false, default: "" },
+    verticalAlign: { type: String, required: false, default: "top" },
+    va: { type: String, required: false, default: "top" },
+    line: { type: Boolean, required: false, default: false },
+    wrap: { type: Boolean, required: false, default: true },
+    visible: { type: Boolean, required: false, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    provide("grid", props);
+    const setStyle = computed(() => {
+      const obj = {};
+      if (!props.paddingPosition) {
+        if (typeof props.padding === "string" && props.padding.includes(" ")) {
+          const arr = props.padding.split(" ").map((item) => isNaN(Number(item)) ? item : `${item}em`);
+          obj.padding = arr.join(" ");
+        } else {
+          if (!props.paddingX && !props.paddingY) {
+            obj.padding = isNaN(Number(props.padding)) ? String(props.padding) : `${props.padding}em`;
+          } else {
+            if (props.paddingX) {
+              const px = isNaN(Number(props.paddingX)) ? String(props.paddingX) : `${props.paddingX}em`;
+              obj.paddingLeft = px;
+              obj.paddingRight = px;
+            }
+            if (props.paddingY) {
+              const py = isNaN(Number(props.paddingY)) ? String(props.paddingY) : `${props.paddingY}em`;
+              obj.paddingTop = py;
+              obj.paddingBottom = py;
+            }
+          }
+        }
+      } else {
+        const p = props.padding;
+        const position = props.paddingPosition;
+        if (["u", "n", "c", "left", "side"].includes(position)) {
+          obj.paddingLeft = isNaN(Number(p)) ? String(p) : `${p}em`;
+        }
+        if (["u", "n", "\u0254", "right", "side"].includes(position)) {
+          obj.paddingRight = isNaN(Number(p)) ? String(p) : `${p}em`;
+        }
+        if (["n", "c", "\u0254"].includes(position)) {
+          obj.paddingTop = isNaN(Number(p)) ? String(p) : `${p}em`;
+        }
+        if (["u", "c", "\u0254"].includes(position)) {
+          obj.paddingBottom = isNaN(Number(p)) ? String(p) : `${p}em`;
+        }
+      }
+      return obj;
+    });
+    const setContentStyle = computed(() => {
+      const obj = {};
+      if (props.space && props.type !== "v") {
+        obj.marginTop = `-${props.space}em`;
+      }
+      if (props.space) {
+        obj.marginLeft = `-${props.space}em`;
+      }
+      if (props.spaceY && props.type !== "v") {
+        obj.marginTop = `-${props.spaceY}em`;
+      }
+      if (props.spaceX) {
+        obj.marginLeft = `-${props.spaceX}em`;
+      }
+      if (String(props.space) === "-1") {
+        obj.paddingTop = "1px";
+        obj.paddingLeft = "1px";
+      }
+      if (String(props.spaceY) === "-1") {
+        obj.paddingTop = "1px";
+      }
+      if (String(props.spaceX) === "-1") {
+        obj.paddingLeft = "1px";
+      }
+      if (props.height && props.height !== "full") {
+        obj.height = isNaN(Number(props.height)) ? String(props.height) : `${props.height}em`;
+      }
+      return obj;
+    });
+    const setClass = computed(() => {
+      const classes = [];
+      if (props.col !== "")
+        classes.push(`col-${props.col}`);
+      if (props.line)
+        classes.push("is-line");
+      if (props.mode)
+        classes.push(`mode-${props.mode}`);
+      if (props.visible)
+        classes.push(`is-visible`);
+      if (!props.wrap)
+        classes.push("wrap-false");
+      if (props.type === "v")
+        classes.push("type-v");
+      if (props.height === "full")
+        classes.push("height-full");
+      if (props.verticalAlign === "center" || props.va === "center")
+        classes.push("va-center");
+      if (props.verticalAlign === "bottom" || props.va === "bottom")
+        classes.push("va-bottom");
+      return classes;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-grid", setClass.value]),
+          style: normalizeStyle(setStyle.value)
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: "to-grid-content",
+              style: normalizeStyle(setContentStyle.value)
+            },
+            [
+              renderSlot(_ctx.$slots, "default")
+            ],
+            4
+            /* STYLE */
+          )
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+var Grid = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/grid/src/grid.vue"]]);
+
+var _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "grid-item",
+  props: {
+    merge: { type: [Number, String], required: false, default: 1 },
+    width: { type: [Number, String], required: false, default: "" },
+    side: { type: Boolean, required: false, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const grid = inject("grid", {});
+    function parseVal(val) {
+      return Number(val != null ? val : 0);
+    }
+    const setStyle = computed(() => {
+      const style = {};
+      const space = parseVal(grid == null ? void 0 : grid.space);
+      const spaceX = parseVal(grid == null ? void 0 : grid.spaceX);
+      const spaceY = parseVal(grid == null ? void 0 : grid.spaceY);
+      if (space > 0) {
+        style.paddingTop = `${space}em`;
+        style.paddingLeft = `${space}em`;
+      }
+      if (spaceY > 0) {
+        style.paddingTop = `${spaceY}em`;
+      }
+      if (spaceX > 0) {
+        style.paddingLeft = `${spaceX}em`;
+      }
+      if (space === -1) {
+        style.marginTop = "-1px";
+        style.marginLeft = "-1px";
+      }
+      if (spaceY === -1) {
+        style.marginTop = "-1px";
+      }
+      if (spaceX === -1) {
+        style.marginLeft = "-1px";
+      }
+      if (props.width) {
+        if (!isNaN(Number(props.width))) {
+          style.width = `${props.width}em`;
+        } else if (props.width === "full") {
+          style.width = "100%";
+        } else {
+          style.width = props.width.toString();
+        }
+      }
+      return style;
+    });
+    const setClass = computed(() => {
+      const arr = [];
+      if (Number(props.merge) > 1) {
+        arr.push(`merge-${props.merge}`);
+      }
+      if (props.side) {
+        arr.push("is-side");
+      }
+      return arr;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-grid-item", setClass.value]),
+          style: normalizeStyle(setStyle.value)
+        },
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+var GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/grid/src/grid-item.vue"]]);
+
+const ToGrid = withInstall(Grid);
+const ToGridItem = withInstall(GridItem);
+
+const _hoisted_1$b = {
+  key: 0,
+  class: "to-header-left"
+};
+const _hoisted_2$9 = {
+  key: 1,
+  class: "to-header-back"
+};
+const _hoisted_3$7 = {
+  key: 0,
+  class: "tip"
+};
+const _hoisted_4$7 = {
+  key: 2,
+  class: "to-header-center"
+};
+const _hoisted_5$7 = {
+  key: 3,
+  class: "to-header-title"
+};
+const _hoisted_6$6 = {
+  key: 0,
+  class: "to-header-title-text"
+};
+const _hoisted_7$5 = {
+  key: 1,
+  class: "to-header-title-text"
+};
+const _hoisted_8$5 = {
+  key: 2,
+  class: "to-header-title-tip"
+};
+const _hoisted_9$3 = {
+  key: 4,
+  class: "to-header-content"
+};
+const _hoisted_10$2 = { class: "to-header-fn" };
+const _hoisted_11$2 = {
+  key: 5,
+  class: "to-header-fn is-float"
+};
+const _hoisted_12$1 = {
+  key: 6,
+  class: "to-header-right"
+};
+var _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "header",
+  props: {
+    title: { type: String, required: false, default: "" },
+    color: { type: String, required: false, default: "" },
+    mode: { type: String, required: false, default: "default" },
+    titlePosition: { type: String, required: false, default: "left" }
+  },
+  emits: ["back"],
+  setup(__props, { emit: __emit }) {
+    const instance = getCurrentInstance();
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const float = ref();
+    const floatFnIcon = ref();
+    const hasBack = computed(() => {
+      var _a;
+      return !!((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onClick);
+    });
+    const setClass = computed(() => {
+      const arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      return arr;
+    });
+    const toggleFloat = () => {
+      var _a, _b;
+      (_b = (_a = float.value) == null ? void 0 : _a.toggle) == null ? void 0 : _b.call(_a, floatFnIcon.value);
+    };
+    return (_ctx, _cache) => {
+      const _component_to_button = resolveComponent("to-button");
+      const _component_to_icon = resolveComponent("to-icon");
+      const _component_to_float = resolveComponent("to-float");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-header", setClass.value])
+        },
+        [
+          unref(slots).left || Boolean(hasBack.value) && props.titlePosition === "center" ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+            Boolean(hasBack.value) && props.titlePosition === "center" ? (openBlock(), createBlock(_component_to_button, {
+              key: 0,
+              icon: "back",
+              mode: "none",
+              onClick: _cache[0] || (_cache[0] = ($event) => emit("back"))
+            })) : createCommentVNode("v-if", true),
+            renderSlot(_ctx.$slots, "left")
+          ])) : createCommentVNode("v-if", true),
+          (props.title || unref(slots).title) && Boolean(hasBack.value) && props.titlePosition === "left" ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+            createVNode(_component_to_button, {
+              mode: "none",
+              icon: "back",
+              onClick: _cache[1] || (_cache[1] = ($event) => emit("back"))
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "title", {}, () => [
+                  createTextVNode(
+                    toDisplayString(props.title),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            }),
+            unref(slots).tip ? (openBlock(), createElementBlock("span", _hoisted_3$7, [
+              renderSlot(_ctx.$slots, "tip")
+            ])) : createCommentVNode("v-if", true)
+          ])) : createCommentVNode("v-if", true),
+          props.titlePosition === "center" ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
+            renderSlot(_ctx.$slots, "icon"),
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(
+                toDisplayString(props.title),
+                1
+                /* TEXT */
+              )
+            ])
+          ])) : createCommentVNode("v-if", true),
+          (props.title || unref(slots).title) && !Boolean(hasBack.value) && props.titlePosition === "left" ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
+            _cache[2] || (_cache[2] = createElementVNode(
+              "div",
+              { class: "to-header-title-icon" },
+              null,
+              -1
+              /* CACHED */
+            )),
+            props.title ? (openBlock(), createElementBlock(
+              "div",
+              _hoisted_6$6,
+              toDisplayString(props.title),
+              1
+              /* TEXT */
+            )) : createCommentVNode("v-if", true),
+            unref(slots).title ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
+              unref(slots).title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : createCommentVNode("v-if", true)
+            ])) : createCommentVNode("v-if", true),
+            unref(slots).tip ? (openBlock(), createElementBlock("div", _hoisted_8$5, [
+              renderSlot(_ctx.$slots, "tip")
+            ])) : createCommentVNode("v-if", true)
+          ])) : createCommentVNode("v-if", true),
+          unref(slots).content || !((props.title || unref(slots).title) && props.titlePosition === "left") ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
+            renderSlot(_ctx.$slots, "content")
+          ])) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_10$2, [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          unref(slots).floatFn ? (openBlock(), createElementBlock("div", _hoisted_11$2, [
+            createVNode(
+              _component_to_icon,
+              {
+                ref_key: "floatFnIcon",
+                ref: floatFnIcon,
+                link: "",
+                value: "menu",
+                mode: "none",
+                fillet: "normal",
+                onClick: toggleFloat
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ),
+            createVNode(
+              _component_to_float,
+              {
+                ref_key: "float",
+                ref: float,
+                class: "to-header-floatFn",
+                width: 10
+              },
+              {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "floatFn")
+                ]),
+                _: 3
+                /* FORWARDED */
+              },
+              512
+              /* NEED_PATCH */
+            )
+          ])) : createCommentVNode("v-if", true),
+          unref(slots).right ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
+            renderSlot(_ctx.$slots, "right")
+          ])) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var Header = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/header/src/header.vue"]]);
+
+const ToHeader = withInstall(Header);
+
+const _hoisted_1$a = {
+  key: 0,
+  class: "to-input-prefix"
+};
+const _hoisted_2$8 = {
+  key: 0,
+  class: "to-input-text"
+};
+const _hoisted_3$6 = ["autocomplete", "maxlength", "placeholder", "readonly", "tabindex"];
+const _hoisted_4$6 = {
+  key: 2,
+  class: "to-input-html"
+};
+const _hoisted_5$6 = ["autocomplete", "tabindex", "maxlength", "placeholder", "type", "readonly"];
+const _hoisted_6$5 = {
+  key: 4,
+  class: "to-input-suffix"
+};
+const _hoisted_7$4 = {
+  key: 2,
+  class: "to-input-text"
+};
+const _hoisted_8$4 = {
+  key: 3,
+  class: "to-input-suggestion"
+};
+var _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToInput"
+  },
+  __name: "input",
+  props: {
+    id: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u8F93\u5165"
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    tabindex: {
+      type: String,
+      default: "1"
+    },
+    autocomplete: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    max: {
+      type: [String, Number],
+      default: Infinity
+    },
+    min: {
+      type: [String, Number],
+      default: -Infinity
+    },
+    maxlength: {
+      type: [String, Number],
+      default: Infinity
+    },
+    dot: {
+      type: [String, Number],
+      default: 0
+    },
+    step: {
+      type: [String, Number],
+      default: null
+    },
+    stepIconMode: {
+      type: String,
+      default: ""
+    },
+    spChars: {
+      type: [String, Boolean],
+      default: '/,\\,[,],{,},"'
+    },
+    prefix: {
+      type: String,
+      default: ""
+    },
+    suffix: {
+      type: String,
+      default: ""
+    },
+    suggestion: {
+      type: String,
+      default: ""
+    },
+    suggestionType: {
+      type: String,
+      default: ""
+    },
+    suggestionSymbol: {
+      type: String,
+      default: "\u3001"
+    },
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    preventFocus: {
+      type: Boolean,
+      default: false
+    },
+    comparable: {
+      type: Boolean,
+      default: false
+    },
+    modelValue: {
+      type: [String, Number],
+      default: () => ""
+    },
+    html: {
+      type: [String, Number],
+      default: ""
+    },
+    trim: {
+      type: Boolean,
+      default: true
+    },
+    fillet: {
+      type: String,
+      default: "normal"
+    },
+    filletPosition: {
+      type: String,
+      default: ""
+    },
+    color: {
+      type: String,
+      default: "default"
+    },
+    placeholderColor: {
+      type: String,
+      default: ""
+    },
+    mode: {
+      type: String,
+      default: ""
+    },
+    width: {
+      type: [Number, String],
+      default: ""
+    },
+    height: {
+      type: [Number, String],
+      default: ""
+    },
+    link: {
+      type: Boolean,
+      default: false
+    },
+    conversionType: {
+      type: [String, Number],
+      default: 0
+    }
+  },
+  emits: ["update:modelValue", "click", "clear"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const focused = ref(false);
+    const data = ref(props.modelValue);
+    const clearVisible = ref(false);
+    const itype = ref("text");
+    const disabled = computed(() => props.readonly);
+    watch(
+      () => props.modelValue,
+      (val) => {
+        data.value = val;
+      }
+    );
+    const iPlaceholder = computed(() => {
+      if (!disabled.value && !props.placeholder && props.placeholder !== "") {
+        return "\u8BF7\u586B\u5199";
+      } else {
+        return props.placeholder;
+      }
+    });
+    const iconMode = computed(() => {
+      if (props.mode === "none" || props.mode === "line" || focused.value)
+        return "none";
+      if (props.mode === "fill")
+        return "fill";
+      return "plain";
+    });
+    const setClass = computed(() => {
+      const arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (props.type) {
+        arr.push(`type-${props.type}`);
+      }
+      if (props.readonly) {
+        arr.push(`is-readonly`);
+      }
+      return arr;
+    });
+    const setStyle = computed(() => {
+      const obj = {};
+      if (props.width) {
+        if (!isNaN(Number(props.width))) {
+          obj.width = props.width + "em";
+        }
+      }
+      if (props.height) {
+        if (!isNaN(Number(props.height))) {
+          obj.height = props.height + "em";
+        }
+      }
+      return obj;
+    });
+    const inputRef = ref(null);
+    function inputKeyup() {
+    }
+    function inputChange() {
+    }
+    function inputKeydown() {
+    }
+    function inputCut() {
+    }
+    function inputFocus() {
+      focused.value = true;
+    }
+    function inputBlur() {
+      focused.value = false;
+    }
+    function inputPaste() {
+    }
+    function inputKeyPress() {
+    }
+    function inputInput() {
+      emit("update:modelValue", data.value);
+    }
+    function clear() {
+      data.value = "";
+      emit("clear");
+    }
+    function reduce() {
+    }
+    function increase() {
+    }
+    function addSuggestion(item) {
+      data.value += item;
+    }
+    function click() {
+      emit("click");
+    }
+    return (_ctx, _cache) => {
+      const _component_ToIcon = resolveComponent("ToIcon");
+      const _component_ToButton = resolveComponent("ToButton");
+      return openBlock(), createElementBlock(
+        "span",
+        {
+          class: normalizeClass(["to-input", setClass.value]),
+          style: normalizeStyle(setStyle.value),
+          onClick: click
+        },
+        [
+          createCommentVNode(" \u524D\u7F00 "),
+          props.prefix || _ctx.$slots.prefix || props.step ? (openBlock(), createElementBlock("span", _hoisted_1$a, [
+            renderSlot(_ctx.$slots, "prefix"),
+            props.prefix ? (openBlock(), createElementBlock(
+              "span",
+              _hoisted_2$8,
+              toDisplayString(props.prefix),
+              1
+              /* TEXT */
+            )) : createCommentVNode("v-if", true),
+            props.step ? (openBlock(), createBlock(_component_ToIcon, {
+              key: 1,
+              value: props.stepIconMode ? "unfold" : "reduce",
+              link: "",
+              color: "primary",
+              mode: "none",
+              disabled: Number(data.value) === Number(props.min) || props.readonly,
+              onMousedown: reduce
+            }, null, 8, ["value", "disabled"])) : createCommentVNode("v-if", true)
+          ])) : createCommentVNode("v-if", true),
+          createCommentVNode(" \u8F93\u5165\u6846\u90E8\u5206 "),
+          props.type === "textarea" ? withDirectives((openBlock(), createElementBlock("textarea", {
+            key: 1,
+            ref_key: "inputRef",
+            ref: inputRef,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value = $event),
+            class: "to-input-textarea",
+            autocomplete: props.autocomplete ? "on" : "new-password",
+            maxlength: props.maxlength,
+            placeholder: iPlaceholder.value,
+            readonly: disabled.value,
+            tabindex: props.tabindex,
+            onKeyup: inputKeyup,
+            onKeydown: inputKeydown,
+            onCut: inputCut,
+            onFocus: inputFocus,
+            onBlur: inputBlur,
+            onPaste: inputPaste,
+            onKeypress: inputKeyPress
+          }, null, 40, _hoisted_3$6)), [
+            [vModelText, data.value]
+          ]) : props.type === "html" ? (openBlock(), createElementBlock("span", _hoisted_4$6, [
+            createTextVNode(
+              toDisplayString(props.html) + " ",
+              1
+              /* TEXT */
+            ),
+            renderSlot(_ctx.$slots, "html")
+          ])) : withDirectives((openBlock(), createElementBlock("input", {
+            key: 3,
+            ref_key: "inputRef",
+            ref: inputRef,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => data.value = $event),
+            class: "to-input-content",
+            autocomplete: props.autocomplete ? "on" : "new-password",
+            tabindex: props.tabindex,
+            maxlength: props.maxlength,
+            placeholder: iPlaceholder.value,
+            type: itype.value,
+            readonly: disabled.value,
+            onKeyup: inputKeyup,
+            onKeydown: inputKeydown,
+            onCut: inputCut,
+            onFocus: inputFocus,
+            onBlur: inputBlur,
+            onPaste: inputPaste,
+            onKeypress: inputKeyPress,
+            onChange: inputChange,
+            onInput: inputInput
+          }, null, 40, _hoisted_5$6)), [
+            [vModelDynamic, data.value]
+          ]),
+          createCommentVNode(" \u540E\u7F00\u533A "),
+          props.clearable || props.suggestion || _ctx.$slots.default || _ctx.$slots.suffix || props.suffix || props.step ? (openBlock(), createElementBlock("span", _hoisted_6$5, [
+            !props.readonly && props.clearable ? withDirectives((openBlock(), createBlock(_component_ToIcon, {
+              key: 0,
+              class: "to-input-clear",
+              mode: iconMode.value,
+              link: "",
+              value: "close",
+              onClick: withModifiers(clear, ["stop"])
+            }, null, 8, ["mode"])), [
+              [vShow, clearVisible.value]
+            ]) : createCommentVNode("v-if", true),
+            props.step ? (openBlock(), createBlock(_component_ToIcon, {
+              key: 1,
+              value: props.stepIconMode ? "fold" : "add",
+              link: "",
+              disabled: Number(data.value) === Number(props.max) || props.readonly,
+              onMousedown: increase
+            }, null, 8, ["value", "disabled"])) : createCommentVNode("v-if", true),
+            props.suffix ? (openBlock(), createElementBlock(
+              "span",
+              _hoisted_7$4,
+              toDisplayString(props.suffix),
+              1
+              /* TEXT */
+            )) : createCommentVNode("v-if", true),
+            renderSlot(_ctx.$slots, "suffix"),
+            renderSlot(_ctx.$slots, "default"),
+            props.suggestion ? (openBlock(), createElementBlock("span", _hoisted_8$4, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(props.suggestion.split(","), (item, i) => {
+                  return openBlock(), createBlock(_component_ToButton, {
+                    key: i,
+                    fillet: true,
+                    color: "info",
+                    mode: "text",
+                    onClick: ($event) => addSuggestion(item)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(
+                        toDisplayString(item),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["onClick"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])) : createCommentVNode("v-if", true)
+          ])) : createCommentVNode("v-if", true)
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/input/src/input.vue"]]);
+
+const ToInput = withInstall(Input);
+
+var _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "line",
+  props: {
+    height: { type: String, required: false, default: "" },
+    mode: { type: String, required: false, default: "default" },
+    type: { type: String, required: false, default: "default" },
+    color: { type: String, required: false, default: "" },
+    marginX: { type: [String, Number], required: false, default: 0 },
+    marginY: { type: [String, Number], required: false, default: 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const setClass = computed(() => {
+      let arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (props.type) {
+        arr.push(`type-${props.type}`);
+      }
+      if (props.color) {
+        arr.push(`color-${props.color}`);
+      }
+      return arr;
+    });
+    const setStyle = computed(() => {
+      const obj = {};
+      if (props.marginX) {
+        if (!isNaN(Number(props.marginX))) {
+          obj.marginLeft = props.marginX + "em";
+          obj.marginRight = props.marginX + "em";
+        } else {
+          obj.marginLeft = props.marginX;
+          obj.marginRight = props.marginX + "em";
+        }
+      }
+      if (props.marginY) {
+        if (!isNaN(Number(props.marginY))) {
+          obj.marginTop = props.marginY + "em";
+          obj.marginBottom = props.marginY + "em";
+        } else {
+          obj.marginTop = props.marginY;
+        }
+      }
+      if (props.height) {
+        if (!isNaN(Number(props.height))) {
+          obj.height = props.height + "em";
+        } else {
+          obj.height = props.height;
+        }
+      }
+      return obj;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-line", setClass.value]),
+          style: normalizeStyle(setStyle.value)
+        },
+        null,
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+var Line = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/line/src/line.vue"]]);
+
+const ToLine = withInstall(Line);
+
+const _hoisted_1$9 = { class: "to-msg-side" };
+const _hoisted_2$7 = {
+  key: 1,
+  class: "to-msg-pic"
+};
+const _hoisted_3$5 = {
+  key: 0,
+  class: "to-msg-main"
+};
+const _hoisted_4$5 = {
+  key: 0,
+  class: "to-msg-title"
+};
+const _hoisted_5$5 = { class: "to-msg-title-text" };
+const _hoisted_6$4 = { class: "to-msg-content-text" };
+const _hoisted_7$3 = ["innerHTML"];
+const _hoisted_8$3 = {
+  key: 2,
+  class: "to-msg-content"
+};
+const _hoisted_9$2 = { class: "to-msg-content-text" };
+const _hoisted_10$1 = ["innerHTML"];
+const _hoisted_11$1 = { class: "to-msg-fn" };
+var _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "msg",
+  props: {
+    type: { type: String, required: false, default: "" },
+    title: { type: String, required: false, default: "" },
+    content: { type: String, required: false, default: "" },
+    htmlContent: { type: String, required: false, default: "" },
+    htmlHeight: { type: [String, Number], required: false, default: "auto" },
+    width: { type: [String, Number], required: false, default: "" },
+    detail: { type: String, required: false, default: "" },
+    detailWidth: { type: [String, Number], required: false, default: "auto" },
+    showDetail: { type: Boolean, required: false, default: true },
+    padding: { type: [String, Number], required: false, default: 0 },
+    pic: { type: String, required: false, default: "" },
+    picPosition: { type: String, required: false, default: "top" },
+    position: { type: String, required: false, default: "" },
+    height: { type: [String, Number], required: false, default: "auto" },
+    confirmButtonText: { type: String, required: false, default: "" },
+    cancelButtonText: { type: String, required: false, default: "" },
+    closeOnClickModal: { type: Boolean, required: false, default: true },
+    closeOnBlur: { type: Boolean, required: false, default: true },
+    zIndex: { type: Number, required: false, default: 0 },
+    global: { type: Boolean, required: false, default: false },
+    show: { type: Boolean, required: false, default: false }
+  },
+  emits: ["close", "confirm"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const iShowDetail = ref(props.showDetail);
+    const visible = ref(false);
+    const slots = useSlots();
+    const className = useAttrs().class;
+    const setClass = computed(() => {
+      const arr = [];
+      if (props.type)
+        arr.push(`type-${props.type}`);
+      if (props.show || visible.value)
+        arr.push("is-show");
+      if (className)
+        arr.push(className);
+      return arr;
+    });
+    const setStyle = computed(() => {
+      const style = {};
+      if (typeof props.height === "string" && props.height !== "auto") {
+        style.height = props.height;
+      } else if (typeof props.height === "number") {
+        style.height = `${props.height}em`;
+      }
+      return style;
+    });
+    const setWrapperStyle = computed(() => {
+      const style = {};
+      if (props.width) {
+        style.width = `${props.width}em`;
+      }
+      return style;
+    });
+    const setHtmlStyle = computed(() => {
+      if (props.htmlHeight !== "auto") {
+        return {
+          height: typeof props.htmlHeight === "number" ? `${props.htmlHeight}em` : props.htmlHeight,
+          overflow: "auto"
+        };
+      }
+      return {};
+    });
+    const setDetailStyle = computed(() => {
+      if (props.detailWidth !== "auto") {
+        return {
+          width: typeof props.detailWidth === "number" ? `${props.detailWidth}em` : props.detailWidth
+        };
+      }
+      return {};
+    });
+    const hasInfoContent = computed(
+      () => props.title || slots.default || props.content || slots.content || slots.title
+    );
+    const emoteComponent = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = window.$TouchUI) == null ? void 0 : _a.msg) == null ? void 0 : _b.emote) == null ? void 0 : _c[props.pic || "default"];
+    });
+    const open = () => {
+      var _a, _b;
+      const el = document.querySelector(".to-msg");
+      if (props.zIndex) {
+        el.style.zIndex = props.zIndex.toString();
+      } else {
+        el.style.zIndex = ((_b = (_a = window.$TouchUI) == null ? void 0 : _a.zIndex) != null ? _b : 1e3).toString();
+        if (window.$TouchUI)
+          window.$TouchUI.zIndex++;
+      }
+      visible.value = true;
+    };
+    const close = () => {
+      visible.value = false;
+      emit("close");
+    };
+    const confirm = () => {
+      emit("confirm");
+      visible.value = false;
+      emit("close");
+    };
+    const cancel = () => {
+      visible.value = false;
+      emit("close");
+    };
+    const bgClose = () => {
+      if (!props.closeOnClickModal || !props.closeOnBlur)
+        return;
+      close();
+    };
+    onMounted(() => {
+      if (props.global) {
+        document.body.appendChild(document.querySelector(".to-msg"));
+      }
+    });
+    onBeforeUnmount(() => {
+      if (props.global) {
+        const el = document.querySelector(".to-msg");
+        if (el && el.parentNode) {
+          el.parentNode.removeChild(el);
+        }
+      }
+    });
+    __expose({ open, close });
+    return (_ctx, _cache) => {
+      const _component_to_button = resolveComponent("to-button");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-msg", setClass.value]),
+          style: normalizeStyle(setStyle.value)
+        },
+        [
+          createElementVNode("div", {
+            class: "to-msg-bg",
+            onClick: bgClose
+          }),
+          createElementVNode(
+            "div",
+            {
+              class: "to-msg-wrapper",
+              style: normalizeStyle(setWrapperStyle.value)
+            },
+            [
+              createElementVNode("div", _hoisted_1$9, [
+                emoteComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(emoteComponent.value), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_2$7))
+              ]),
+              hasInfoContent.value ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
+                _ctx.title || unref(slots).title || unref(slots).default ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
+                  createElementVNode("div", _hoisted_5$5, [
+                    createTextVNode(
+                      toDisplayString(_ctx.title) + " ",
+                      1
+                      /* TEXT */
+                    ),
+                    renderSlot(_ctx.$slots, "title")
+                  ])
+                ])) : createCommentVNode("v-if", true),
+                _ctx.htmlContent ? (openBlock(), createElementBlock(
+                  "div",
+                  {
+                    key: 1,
+                    class: "to-msg-content",
+                    style: normalizeStyle(setHtmlStyle.value)
+                  },
+                  [
+                    createElementVNode("div", _hoisted_6$4, [
+                      createElementVNode("span", { innerHTML: _ctx.htmlContent }, null, 8, _hoisted_7$3)
+                    ])
+                  ],
+                  4
+                  /* STYLE */
+                )) : (openBlock(), createElementBlock("div", _hoisted_8$3, [
+                  createElementVNode("div", _hoisted_9$2, [
+                    _ctx.content || unref(slots).content ? (openBlock(), createElementBlock(
+                      Fragment,
+                      { key: 0 },
+                      [
+                        createTextVNode(
+                          toDisplayString(_ctx.content),
+                          1
+                          /* TEXT */
+                        )
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    )) : createCommentVNode("v-if", true),
+                    renderSlot(_ctx.$slots, "content")
+                  ])
+                ])),
+                createCommentVNode(' <div v-if="slots.detail || detail">\n					<to-space />\n					<a v-if="!iShowDetail" href="javascript:void(0)" @click="iShowDetail = true">\u663E\u793A\u8BE6\u60C5</a>\n					<a v-else href="javascript:void(0)" @click="iShowDetail = false">\u9690\u85CF\u8BE6\u60C5</a>\n				</div> '),
+                unref(slots).detail ? withDirectives((openBlock(), createElementBlock(
+                  "div",
+                  {
+                    key: 3,
+                    style: normalizeStyle(setDetailStyle.value),
+                    class: "to-msg-detail"
+                  },
+                  [
+                    renderSlot(_ctx.$slots, "detail")
+                  ],
+                  4
+                  /* STYLE */
+                )), [
+                  [vShow, iShowDetail.value]
+                ]) : createCommentVNode("v-if", true),
+                _ctx.detail ? withDirectives((openBlock(), createElementBlock("div", {
+                  key: 4,
+                  style: normalizeStyle(setDetailStyle.value),
+                  class: "detail",
+                  innerHTML: _ctx.detail
+                }, null, 12, _hoisted_10$1)), [
+                  [vShow, iShowDetail.value]
+                ]) : createCommentVNode("v-if", true),
+                createElementVNode("div", _hoisted_11$1, [
+                  renderSlot(_ctx.$slots, "default", {}, () => [
+                    _ctx.cancelButtonText ? (openBlock(), createBlock(_component_to_button, {
+                      key: 0,
+                      icon: "close",
+                      fillet: "normal",
+                      onClick: cancel
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(
+                          toDisplayString(_ctx.cancelButtonText),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })) : createCommentVNode("v-if", true),
+                    _ctx.confirmButtonText ? (openBlock(), createBlock(_component_to_button, {
+                      key: 1,
+                      icon: "ok",
+                      color: "primary",
+                      fillet: "normal",
+                      onClick: confirm
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(
+                          toDisplayString(_ctx.confirmButtonText),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })) : createCommentVNode("v-if", true)
+                  ])
+                ])
+              ])) : createCommentVNode("v-if", true)
+            ],
+            4
+            /* STYLE */
+          )
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+var Msg = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/msg/src/msg.vue"]]);
+
+const ToMsg = withInstall(Msg);
+
+var _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "padding",
+  props: {
+    mode: { type: String, required: false, default: "default" },
+    value: { type: [String, Number], required: false, default: "" },
+    height: { type: String, required: false, default: "" },
+    position: { type: String, required: false, default: "trbl" }
+  },
+  setup(__props) {
+    const props = __props;
+    const hasUnit = (val) => /[a-z%]+$/i.test(val);
+    const setStyle = 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;
+      }
+      return obj;
+    });
+    const setClass = 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 openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-padding", setClass.value]),
+          style: normalizeStyle(setStyle.value)
+        },
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+var Padding = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/padding/src/padding.vue"]]);
+
+const ToPadding = withInstall(Padding);
+
+const _hoisted_1$8 = {
+  key: 0,
+  class: "to-page-total"
+};
+const _hoisted_2$6 = {
+  key: 1,
+  class: "to-page-pager"
+};
+const _hoisted_3$4 = { class: "to-page-pager-list" };
+const _hoisted_4$4 = {
+  key: 0,
+  class: "to-page-pager-ellipsis"
+};
+const _hoisted_5$4 = ["onClick"];
+const _hoisted_6$3 = {
+  key: 1,
+  class: "to-page-pager-ellipsis"
+};
+const _hoisted_7$2 = {
+  key: 2,
+  class: "to-page-size"
+};
+const _hoisted_8$2 = {
+  key: 3,
+  class: "to-page-jumper"
+};
+var _sfc_main$b = /* @__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$8,
+            " \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$6, [
+            withDirectives(createElementVNode(
+              "div",
+              {
+                class: "to-page-pager-prev",
+                onClick: handlePagePrev
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [_directive_dis, Number(currentPage_.value) <= 1]
+            ]),
+            createElementVNode("ul", _hoisted_3$4, [
+              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$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$4);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              )),
+              showNextMore.value ? (openBlock(), createElementBlock("li", _hoisted_6$3, "\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$2, [
+            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$2, [
+            _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 Page = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/page/src/page.vue"]]);
+
+const ToPage = withInstall(Page);
+
+const _sfc_main$a = /*@__PURE__*/Object.assign({
+  name: 'ToCard',
+}, {
+  __name: 'Card',
+  props: {
+  fillet: { type: String, default: 'none' },
+  color: { type: String, default: '' },
+  mode: { type: String, default: 'default' },
+  padding: { type: [Number, String], default: '' },
+  link: Boolean,
+  shadow: Boolean,
+  checked: Boolean,
+  wrap: Boolean,
+  type: { type: String, default: '' },
+  width: { type: [Number, String], default: '' },
+},
+  emits: ['click'],
+  setup(__props, { emit: __emit }) {
+
+
+
+const props = __props;
+
+const emits = __emit;
+
+provide('toCard', {});
+
+const setClass = computed(() => {
+  const arr = [];
+  if (props.wrap) arr.push('is-wrap');
+  if (props.mode) arr.push(`mode-${props.mode}`);
+  if (props.color) arr.push(`color-${props.color}`);
+  if (props.link) arr.push('is-link');
+  if (props.type) arr.push(`type-${props.type}`);
+  if (props.checked) arr.push('is-checked');
+  if (props.width === 'auto') arr.push('width-auto');
+  return arr;
+});
+
+const setStyle = computed(() => {
+  const obj = {};
+  if (props.width) {
+    obj.width = isNaN(Number(props.width)) ? props.width : `${props.width}em`;
+  }
+
+  const hasUnit = val => /[a-z%]+$/i.test(val);
+  if (String(props.padding).trim()) {
+    // 分割成各个值
+    const padded = String(props.padding)
+      .trim()
+      .split(/\s+/)
+      .map(val => {
+        // 如果是数字（或纯数字字符串），或末尾无单位，就加 em
+        return hasUnit(val) ? val : `${val}em`;
+      })
+      .join(' ');
+
+    obj.padding = padded;
+  }
+  return obj;
+});
+
+const setFnStyle = computed(() => {
+  const obj = {};
+  if (props.padding >= 0 && props.padding !== 1) {
+    obj.top = `${props.padding}em`;
+    obj.right = `${props.padding}em`;
+  }
+  return obj;
+});
+
+function clickHandle(evt) {
+  if (props.link) {
+    emits('click', evt);
+  }
+}
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(["to-card", setClass.value]),
+    style: normalizeStyle(setStyle.value),
+    onClick: clickHandle
+  }, [
+    renderSlot(_ctx.$slots, "default"),
+    (_ctx.$slots.fn)
+      ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "to-card-fn",
+          style: normalizeStyle(setFnStyle.value)
+        }, [
+          renderSlot(_ctx.$slots, "fn")
+        ], 4 /* STYLE */))
+      : createCommentVNode("v-if", true)
+  ], 6 /* CLASS, STYLE */))
+}
+}
+
+});
+var Card = /*#__PURE__*/_export_sfc(_sfc_main$a, [['__file',"/Users/wangding/WorkSpace/AsiaInfo/projects/前端框架/touch-vue3-ui/packages/components/card/src/Card.vue"]]);
+
+const _hoisted_1$7 = {
+  key: 0,
+  class: "to-card-title"
+};
+const _hoisted_2$5 = {
+  key: 0,
+  class: "to-card-title-main"
+};
+const _hoisted_3$3 = { class: "to-card-title-text" };
+const _hoisted_4$3 = {
+  key: 1,
+  class: "to-card-title-side"
+};
+const _hoisted_5$3 = { class: "to-card-title-side-text" };
+const _hoisted_6$2 = {
+  key: 1,
+  class: "to-card-content"
+};
+const _hoisted_7$1 = {
+  key: 0,
+  class: "to-card-content-main"
+};
+const _hoisted_8$1 = { class: "to-card-content-text" };
+const _hoisted_9$1 = {
+  key: 1,
+  class: "to-card-content-side"
+};
+const _hoisted_10 = { class: "to-card-content-side-text" };
+const _hoisted_11 = {
+  key: 2,
+  class: "to-card-value"
+};
+const _hoisted_12 = { class: "to-card-value-text" };
+const _hoisted_13 = {
+  key: 3,
+  class: "to-card-label"
+};
+const _hoisted_14 = { class: "to-card-value-text" };
+
+
+const _sfc_main$9 = /*@__PURE__*/Object.assign({
+  name: 'ToCardItem',
+}, {
+  __name: 'CardItem',
+  props: {
+  type: { type: String, default: 'side' },
+  align: { type: String, default: '' },
+  padding: { type: [Number, String], default: 0 },
+  width: { type: [Number, String], default: 0 },
+  line: Boolean,
+  more: Boolean,
+  link: Boolean,
+  main: Boolean,
+},
+  setup(__props) {
+
+const props = __props;
+
+// const toCard = inject('toCard')
+
+
+
+const setClass = computed(() => {
+  const arr = [];
+  if (props.type === 'main' || props.main) arr.push('is-main');
+  if (props.type === 'more' || props.more) arr.push('is-more');
+  if (props.type === 'link' || props.link) arr.push('is-link');
+  if (props.line === 'solid') arr.push('line-solid');
+  if (props.align) arr.push(`align-${props.align}`);
+  return arr;
+});
+
+const setStyle = computed(() => {
+  const obj = {};
+
+  const hasUnit = val => /[a-z%]+$/i.test(val);
+  if (String(props.padding).trim()) {
+    // 分割成各个值
+    const padded = String(props.padding)
+      .trim()
+      .split(/\s+/)
+      .map(val => {
+        // 如果是数字（或纯数字字符串），或末尾无单位，就加 em
+        return hasUnit(val) ? val : `${val}em`;
+      })
+      .join(' ');
+
+    obj.padding = padded;
+  }
+
+  if (props.width) {
+    obj.width = props.width + 'em';
+  }
+
+  return obj;
+});
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(["to-card-item", setClass.value]),
+    style: normalizeStyle(setStyle.value)
+  }, [
+    renderSlot(_ctx.$slots, "default"),
+    (_ctx.$slots.title || _ctx.$slots.titleSide)
+      ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
+          (_ctx.$slots.title)
+            ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+                createElementVNode("span", _hoisted_3$3, [
+                  renderSlot(_ctx.$slots, "title")
+                ])
+              ]))
+            : createCommentVNode("v-if", true),
+          (_ctx.$slots.titleSide)
+            ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+                createElementVNode("span", _hoisted_5$3, [
+                  renderSlot(_ctx.$slots, "titleSide")
+                ])
+              ]))
+            : createCommentVNode("v-if", true)
+        ]))
+      : createCommentVNode("v-if", true),
+    (_ctx.$slots.content || _ctx.$slots.contentSide)
+      ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+          (_ctx.$slots.content)
+            ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+                createElementVNode("span", _hoisted_8$1, [
+                  renderSlot(_ctx.$slots, "content")
+                ])
+              ]))
+            : createCommentVNode("v-if", true),
+          (_ctx.$slots.contentSide)
+            ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
+                createElementVNode("span", _hoisted_10, [
+                  renderSlot(_ctx.$slots, "contentSide")
+                ])
+              ]))
+            : createCommentVNode("v-if", true)
+        ]))
+      : createCommentVNode("v-if", true),
+    (_ctx.$slots.value)
+      ? (openBlock(), createElementBlock("div", _hoisted_11, [
+          createElementVNode("span", _hoisted_12, [
+            renderSlot(_ctx.$slots, "value")
+          ])
+        ]))
+      : createCommentVNode("v-if", true),
+    (_ctx.$slots.label)
+      ? (openBlock(), createElementBlock("div", _hoisted_13, [
+          createElementVNode("span", _hoisted_14, [
+            renderSlot(_ctx.$slots, "label")
+          ])
+        ]))
+      : createCommentVNode("v-if", true)
+  ], 6 /* CLASS, STYLE */))
+}
+}
+
+});
+var CardItem = /*#__PURE__*/_export_sfc(_sfc_main$9, [['__file',"/Users/wangding/WorkSpace/AsiaInfo/projects/前端框架/touch-vue3-ui/packages/components/card/src/CardItem.vue"]]);
+
+const ToCard = withInstall(Card, [CardItem]);
+
+const _hoisted_1$6 = {
+  key: 0,
+  class: "to-checkbox-label"
+};
+var _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToCheckbox"
+  },
+  __name: "Checkbox",
+  props: {
+    mode: { type: String, required: false, default: "default" },
+    label: { type: String, required: false, default: "" },
+    value: { type: Boolean, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    let checked = ref(false);
+    const setStyle = computed(() => {
+      const obj = {};
+      return obj;
+    });
+    const setClass = computed(() => {
+      let arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (checked.value) {
+        arr.push(`is-checked`);
+      }
+      return arr;
+    });
+    function toggle() {
+      checked.value = !checked.value;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-checkbox", setClass.value]),
+          style: normalizeStyle(setStyle.value),
+          onClick: withModifiers(toggle, ["stop"])
+        },
+        [
+          _cache[0] || (_cache[0] = createElementVNode(
+            "div",
+            { class: "to-checkbox-box" },
+            null,
+            -1
+            /* CACHED */
+          )),
+          _ctx.label ? (openBlock(), createElementBlock(
+            "div",
+            _hoisted_1$6,
+            toDisplayString(_ctx.label),
+            1
+            /* TEXT */
+          )) : createCommentVNode("v-if", true)
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/checkbox/src/Checkbox.vue"]]);
+
+const ToCheckbox = withInstall(Checkbox);
+
+var _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToDatepicker"
+  },
+  __name: "DatePicker",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div");
+    };
+  }
+});
+
+var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/datepicker/src/DatePicker.vue"]]);
+
+const ToDatepikcer = withInstall(DatePicker);
+
+const _hoisted_1$5 = { class: "to-switch-on" };
+const _hoisted_2$4 = { class: "to-switch-off" };
+
+
+const _sfc_main$6 = /*@__PURE__*/Object.assign({
+  name: 'ToSwitch',
+}, {
+  __name: 'switch',
+  props: {
+	readonly: Boolean,
+	modelValue: {
+		type: [Boolean, String, Number],
+		default: false
+	},
+	onValue: {
+		type: [Boolean, String, Number],
+		default: true
+	},
+	offValue: {
+		type: [Boolean, String, Number],
+		default: false
+	},
+	onText: {
+		type: String,
+		default: ''
+	},
+	offText: {
+		type: String,
+		default: ''
+	}
+},
+  emits: ['update:modelValue', 'change', 'beforeChange'],
+  setup(__props, { emit: __emit }) {
+
+
+const props = __props;
+
+const emit = __emit;
+
+const ivalue = ref(props.modelValue);
+const disabled = ref(props.readonly);
+
+watch(() => props.modelValue, val => {
+	ivalue.value = val;
+}, { immediate: true });
+
+watch(() => props.readonly, val => {
+	disabled.value = val;
+});
+
+const setClass = computed(() => {
+	const arr = [];
+	if (ivalue.value === props.onValue) {
+		arr.push(`is-on`);
+	}
+	return arr;
+});
+
+function toggle() {
+	if (disabled.value) return;
+
+	emit('beforeChange', ivalue.value);
+	ivalue.value = (ivalue.value === props.onValue) ? props.offValue : props.onValue;
+	emit('update:modelValue', ivalue.value);
+	emit('change', ivalue.value);
+}
+
+return (_ctx, _cache) => {
+  const _directive_dis = resolveDirective("dis");
+
+  return withDirectives((openBlock(), createElementBlock("div", {
+    class: normalizeClass(["to-switch", setClass.value]),
+    onClick: toggle
+  }, [
+    createElementVNode("div", _hoisted_1$5, toDisplayString(__props.onText), 1 /* TEXT */),
+    createElementVNode("div", _hoisted_2$4, toDisplayString(__props.offText), 1 /* TEXT */)
+  ], 2 /* CLASS */)), [
+    [
+      _directive_dis,
+      disabled.value,
+      void 0,
+      { opacity: true }
+    ]
+  ])
+}
+}
+
+});
+var Switch = /*#__PURE__*/_export_sfc(_sfc_main$6, [['__file',"/Users/wangding/WorkSpace/AsiaInfo/projects/前端框架/touch-vue3-ui/packages/components/switch/src/switch.vue"]]);
+
+const ToSwitch = withInstall(Switch);
+
+const _hoisted_1$4 = { class: "to-tab-tab" };
+const _hoisted_2$3 = { class: "to-tab-list" };
+const _hoisted_3$2 = ["onClick"];
+const _hoisted_4$2 = { class: "to-tab-item-main" };
+const _hoisted_5$2 = { class: "to-tab-item-content" };
+const _hoisted_6$1 = { class: "to-tab-item-label" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "to-tab-fn" };
+const _hoisted_9 = { class: "to-tab-page" };
+var _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToTab"
+  },
+  __name: "tab",
+  props: {
+    modelValue: { type: [String, Number], required: false, default: "" },
+    position: { type: String, required: false, default: "" },
+    mode: { type: String, required: false, default: "default" },
+    data: { type: Array, required: false, default: () => [] },
+    deletable: { type: Boolean, required: false, default: false },
+    tabOver: { type: String, required: false, default: "control" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const left = ref(0);
+    const setClass = computed(() => {
+      let arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (props.position) {
+        arr.push(`position-${props.position}`);
+      }
+      return arr;
+    });
+    const setStyle = computed(() => {
+      let obj = {};
+      return obj;
+    });
+    const setUlStyle = computed(() => {
+      let obj = {};
+      obj.transform = `translateX(${left}px)`;
+      return obj;
+    });
+    function changeTab(item, index) {
+      emit("update:modelValue", item.value, index);
+      emit("change", item.value, index);
+    }
+    function removeTab(item, index) {
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-tab", setClass.value]),
+          style: normalizeStyle(setStyle.value)
+        },
+        [
+          createElementVNode("div", _hoisted_1$4, [
+            createElementVNode("div", _hoisted_2$3, [
+              createElementVNode(
+                "ul",
+                {
+                  ref: "ul",
+                  class: "to-tab-wrapper",
+                  style: normalizeStyle(setUlStyle.value)
+                },
+                [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(_ctx.data, (item, index) => {
+                      return openBlock(), createElementBlock("li", {
+                        key: index,
+                        class: normalizeClass(["to-tab-item", { "is-on": item.value === _ctx.modelValue }]),
+                        onClick: ($event) => changeTab(item, index)
+                      }, [
+                        renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, item), () => [
+                          createElementVNode("div", _hoisted_4$2, [
+                            _cache[1] || (_cache[1] = createElementVNode(
+                              "div",
+                              { class: "to-tab-item-left" },
+                              null,
+                              -1
+                              /* CACHED */
+                            )),
+                            createElementVNode("div", _hoisted_5$2, [
+                              createElementVNode("div", _hoisted_6$1, [
+                                renderSlot(_ctx.$slots, "label", mergeProps({ ref_for: true }, item), () => [
+                                  createTextVNode(
+                                    toDisplayString(item.label),
+                                    1
+                                    /* TEXT */
+                                  )
+                                ])
+                              ]),
+                              _ctx.deletable ? (openBlock(), createElementBlock("span", {
+                                key: 0,
+                                class: "to-tab-item-delete",
+                                onClick: withModifiers(($event) => removeTab(), ["stop"])
+                              }, [..._cache[0] || (_cache[0] = [
+                                createElementVNode(
+                                  "span",
+                                  null,
+                                  null,
+                                  -1
+                                  /* CACHED */
+                                )
+                              ])], 8, _hoisted_7)) : createCommentVNode("v-if", true)
+                            ]),
+                            _cache[2] || (_cache[2] = createElementVNode(
+                              "div",
+                              { class: "to-tab-item-right" },
+                              null,
+                              -1
+                              /* CACHED */
+                            ))
+                          ]),
+                          _cache[3] || (_cache[3] = createElementVNode(
+                            "div",
+                            { class: "to-tab-item-under" },
+                            null,
+                            -1
+                            /* CACHED */
+                          ))
+                        ])
+                      ], 10, _hoisted_3$2);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ],
+                4
+                /* STYLE */
+              )
+            ]),
+            _cache[4] || (_cache[4] = createElementVNode(
+              "div",
+              { class: "to-tab-line" },
+              null,
+              -1
+              /* CACHED */
+            )),
+            createElementVNode("div", _hoisted_8, [
+              renderSlot(_ctx.$slots, "fn"),
+              createCommentVNode(' <div class="to-tab-fn-item fn-left"></div>\n				<div class="to-tab-fn-item fn-right"></div>\n				<div class="to-tab-fn-item fn-refresh"></div> ')
+            ])
+          ]),
+          createElementVNode("div", _hoisted_9, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+var Tab = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/tab/src/tab.vue"]]);
+
+var _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToTabItem"
+  },
+  __name: "tab-item",
+  props: {
+    mode: { type: String, required: true, default: "default" }
+  },
+  setup(__props) {
+    const props = __props;
+    const setClass = computed(() => {
+      let arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      return arr;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-tab-item", setClass.value])
+        },
+        null,
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var TabItem = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/tab/src/tab-item.vue"]]);
+
+const ToTab = withInstall(Tab);
+const ToTabItem = withInstall(TabItem);
+
+const _hoisted_1$3 = { class: "to-table-table" };
+const _hoisted_2$2 = { class: "to-table-head" };
+const _hoisted_3$1 = { class: "to-table-head-row" };
+const _hoisted_4$1 = { class: "to-table-body" };
+const _hoisted_5$1 = ["onClick"];
+var _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToTable"
+  },
+  __name: "table",
+  props: {
+    columns: { type: Array, required: false, default: () => [] },
+    data: { type: Array, required: false, default: () => [] },
+    height: { type: [Number, String], required: false, default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const flatData = computed(() => flattenTree(props.data));
+    const expandedSet = ref(/* @__PURE__ */ new Set());
+    let uid = 0;
+    function flattenTree(data, level = 0, parentId) {
+      const result = [];
+      for (const item of data) {
+        const id = uid++;
+        const { children, ...rest } = item;
+        result.push({ ...rest, id, parentId, level });
+        if (children && Array.isArray(children)) {
+          result.push(...flattenTree(children, level + 1, id));
+        }
+      }
+      return result;
+    }
+    function isVisible(item, all) {
+      let parentId = item.parentId;
+      while (parentId !== void 0) {
+        if (!expandedSet.value.has(parentId))
+          return false;
+        const parent = all.find((n) => n.id === parentId);
+        parentId = parent == null ? void 0 : parent.parentId;
+      }
+      return true;
+    }
+    const visibleRows = computed(
+      () => flatData.value.filter((item) => item.level === 0 || isVisible(item, flatData.value))
+    );
+    function toggleExpand(row) {
+      if (expandedSet.value.has(row.id)) {
+        expandedSet.value.delete(row.id);
+      } else {
+        expandedSet.value.add(row.id);
+      }
+    }
+    function hasChildren(row) {
+      return flatData.value.some((item) => item.parentId === row.id);
+    }
+    const setClass = computed(() => {
+      const classes = [];
+      if (props.height === "full")
+        classes.push("height-full");
+      return classes;
+    });
+    const setTdClass = (column) => {
+      return computed(() => {
+        const classes = [];
+        if (column.type === "action")
+          classes.push("is-action");
+        return classes;
+      });
+    };
+    const setStyle = computed(() => {
+      const obj = {};
+      if (props.height && props.height !== "full") {
+        obj.height = isNaN(Number(props.height)) ? String(props.height) : `${props.height}em`;
+      }
+      return obj;
+    });
+    return (_ctx, _cache) => {
+      const _component_ToCheckbox = resolveComponent("ToCheckbox");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-table", setClass.value]),
+          style: normalizeStyle(setStyle.value)
+        },
+        [
+          createElementVNode("table", _hoisted_1$3, [
+            createElementVNode("thead", _hoisted_2$2, [
+              createElementVNode("tr", _hoisted_3$1, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(_ctx.columns, (column) => {
+                    return openBlock(), createElementBlock(
+                      Fragment,
+                      null,
+                      [
+                        column.type === "check" ? (openBlock(), createElementBlock("th", {
+                          key: column.prop + "check",
+                          class: "to-table-th is-check"
+                        }, [
+                          createVNode(_component_ToCheckbox)
+                        ])) : (openBlock(), createElementBlock(
+                          "th",
+                          {
+                            class: "to-table-th",
+                            key: column.prop
+                          },
+                          toDisplayString(column.label),
+                          1
+                          /* TEXT */
+                        ))
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    );
+                  }),
+                  256
+                  /* UNKEYED_FRAGMENT */
+                ))
+              ])
+            ]),
+            createElementVNode("tbody", _hoisted_4$1, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(visibleRows.value, (row, rowIndex) => {
+                  return openBlock(), createElementBlock("tr", {
+                    class: "to-table-body-row",
+                    key: rowIndex
+                  }, [
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(_ctx.columns, (column) => {
+                        return openBlock(), createElementBlock(
+                          Fragment,
+                          null,
+                          [
+                            column.type === "check" ? (openBlock(), createElementBlock("td", {
+                              key: column.prop + "check",
+                              class: "to-table-td is-check"
+                            }, [
+                              createVNode(_component_ToCheckbox)
+                            ])) : (openBlock(), createElementBlock(
+                              "td",
+                              {
+                                class: normalizeClass(["to-table-td", setTdClass(column).value]),
+                                key: column.prop,
+                                style: normalizeStyle({ paddingLeft: column.toggler && row.level ? `${row.level + 2}em` : "" })
+                              },
+                              [
+                                hasChildren(row) && column.toggler ? (openBlock(), createElementBlock("span", {
+                                  key: 0,
+                                  onClick: ($event) => toggleExpand(row),
+                                  class: normalizeClass(["to-table-toggle", {
+                                    "is-expand": expandedSet.value.has(row.id)
+                                  }])
+                                }, null, 10, _hoisted_5$1)) : createCommentVNode("v-if", true),
+                                renderSlot(_ctx.$slots, column.prop, {
+                                  row,
+                                  index: rowIndex
+                                }, () => [
+                                  column.prop ? (openBlock(), createElementBlock(
+                                    Fragment,
+                                    { key: 0 },
+                                    [
+                                      createTextVNode(
+                                        toDisplayString(row[column.prop]),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ],
+                                    64
+                                    /* STABLE_FRAGMENT */
+                                  )) : createCommentVNode("v-if", true)
+                                ])
+                              ],
+                              6
+                              /* CLASS, STYLE */
+                            ))
+                          ],
+                          64
+                          /* STABLE_FRAGMENT */
+                        );
+                      }),
+                      256
+                      /* UNKEYED_FRAGMENT */
+                    ))
+                  ]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ])
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/table/src/table.vue"]]);
+
+const _hoisted_1$2 = { class: "config" };
+var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToTableConfig"
+  },
+  __name: "table-config",
+  props: {
+    data: { type: Array, default: () => [] }
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const checked = ref([]);
+    const configData = ref([]);
+    const configIconRef = ref();
+    const floatRef = ref();
+    function setConfigData() {
+      const data = JSON.parse(JSON.stringify(props.data));
+      function setData(data2, path) {
+        data2.forEach((dataItem, dataIndex) => {
+          if (dataItem.type === "selection" || dataItem.type === "radio") {
+            dataItem.label = "\u9009\u62E9\u5668";
+          }
+          if (dataItem.type === "action") {
+            data2.splice(dataIndex, 1);
+          }
+          dataItem.path = path ? path.concat(dataItem.label) : [dataItem.label];
+          if (dataItem.children) {
+            setData(dataItem.children, dataItem.path);
+          }
+        });
+      }
+      setData(data);
+      configData.value = data;
+    }
+    function setChecked() {
+      const arr = [];
+      function setData(data) {
+        data.forEach((dataItem) => {
+          if (dataItem.show !== false) {
+            if (dataItem.type === "selection") {
+              arr.push("\u9009\u62E9\u5668");
+            } else {
+              arr.push(dataItem.label);
+            }
+          }
+          if (dataItem.children) {
+            setData(dataItem.children);
+          }
+        });
+      }
+      setData(props.data);
+      checked.value = arr;
+    }
+    function flex() {
+      var _a, _b;
+      (_b = floatRef.value) == null ? void 0 : _b.set((_a = configIconRef.value) == null ? void 0 : _a.$el);
+    }
+    function check(checkedKeys, checkedNodes, node, checkedFlag) {
+      const data = JSON.parse(JSON.stringify(props.data));
+      function checkData(data2) {
+        data2.forEach((dataItem) => {
+          if (dataItem.type === "selection") {
+            dataItem.show = checkedKeys.includes("\u9009\u62E9\u5668");
+          } else {
+            dataItem.show = checkedKeys.includes(dataItem.label) || dataItem.type === "action";
+          }
+          if (dataItem.children) {
+            checkData(dataItem.children);
+          }
+        });
+      }
+      function setChildrenHide(data2, setHide) {
+        data2.forEach((dataItem) => {
+          if (setHide) {
+            dataItem.show = false;
+            checked.value = checked.value.filter((item) => item !== dataItem.label);
+          }
+          if (dataItem.children) {
+            setChildrenHide(dataItem.children, dataItem.label === node.label || setHide);
+          }
+        });
+      }
+      function setChildrenAndParentShow(data2, setShow) {
+        data2.forEach((dataItem) => {
+          if (setShow || node.path.includes(dataItem.label)) {
+            dataItem.show = true;
+            if (!checked.value.includes(dataItem.label)) {
+              checked.value.push(dataItem.label);
+            }
+          }
+          if (dataItem.children) {
+            setChildrenAndParentShow(dataItem.children, dataItem.label === node.label || setShow);
+          }
+        });
+      }
+      checkData(data);
+      if (!checkedFlag) {
+        setChildrenHide(data, false);
+        checked.value = checked.value.filter((item) => item !== node.label);
+      } else {
+        setChildrenAndParentShow(data, false);
+        checked.value.push(node.label);
+      }
+      emit("change", data);
+    }
+    onMounted(() => {
+      setConfigData();
+      setChecked();
+    });
+    watch(() => props.data, () => {
+      setConfigData();
+      setChecked();
+    });
+    return (_ctx, _cache) => {
+      const _component_to_icon = resolveComponent("to-icon");
+      const _component_to_tree = resolveComponent("to-tree");
+      const _component_to_scroll = resolveComponent("to-scroll");
+      const _component_to_float = resolveComponent("to-float");
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        createVNode(
+          _component_to_icon,
+          {
+            ref: "configIcon",
+            value: "config",
+            color: "info",
+            mode: "none",
+            link: "",
+            fillet: "round",
+            onClick: _cache[0] || (_cache[0] = () => {
+              var _a;
+              return (_a = floatRef.value.value) == null ? void 0 : _a.toggle(configIconRef.value.value);
+            })
+          },
+          null,
+          512
+          /* NEED_PATCH */
+        ),
+        createVNode(
+          _component_to_float,
+          {
+            ref_key: "floatRef",
+            ref: floatRef,
+            width: "18",
+            lazy: false
+          },
+          {
+            default: withCtx(() => [
+              createVNode(_component_to_scroll, { padding: "0.5" }, {
+                default: withCtx(() => [
+                  createVNode(_component_to_tree, {
+                    "show-checkbox": "",
+                    "check-strictly": "",
+                    expand: "",
+                    "check-on-click-node": "",
+                    data: configData.value,
+                    "value-text": "label",
+                    "checked-keys": checked.value,
+                    onCheckChange: check,
+                    onNodeExpand: flex,
+                    onNodeCollapse: flex
+                  }, null, 8, ["data", "checked-keys"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          },
+          512
+          /* NEED_PATCH */
+        )
+      ]);
+    };
+  }
+});
+
+var TableConfig = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/table/src/table-config.vue"]]);
+
+const _hoisted_1$1 = { ref: "row" };
+const _hoisted_2$1 = ["rowspan", "colspan"];
+const _hoisted_3 = ["rowspan", "colspan"];
+const _hoisted_4 = ["rowspan", "colspan", "onClick"];
+const _hoisted_5 = ["rowspan", "colspan"];
+const _hoisted_6 = ["rowspan", "colspan", "onClick"];
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToTableHead"
+  },
+  __name: "table-head",
+  props: {
+    name: { type: String, default: "" },
+    start: { type: Number, default: null },
+    end: { type: Number, default: null },
+    data: { type: Array, default: () => [] },
+    configurable: Boolean
+  },
+  emits: ["select-all", "column-change"],
+  setup(__props, { emit: __emit }) {
+    const t = (str) => str;
+    const props = __props;
+    const emit = __emit;
+    const ToTable = inject("ToTable");
+    const showColumn = (column, columnIndex) => {
+      console.log(columnIndex);
+      if (column.show === false)
+        return false;
+      if (["selection", "radio", "action"].includes(column.type))
+        return true;
+      if (ToTable.showColumns || ToTable.showColumns === 0) {
+        if (!isNaN(ToTable.showColumns)) {
+          const index = ToTable.normalColumn.findIndex((item) => column.prop === item.prop);
+          return index !== -1 && index < Number(ToTable.showColumns);
+        } else {
+          return ToTable.showColumns.split(",").includes(column.prop);
+        }
+      }
+      return true;
+    };
+    function countLeafNodes(tree) {
+      if (!tree || tree.length === 0)
+        return 0;
+      let leafCount = 0;
+      for (let i = 0; i < tree.length; i++) {
+        if (tree[i].show !== false) {
+          if (!tree[i].children || tree[i].children.length === 0 || tree[i].children.every((child) => child.show === false)) {
+            leafCount += 1;
+          } else {
+            leafCount += countLeafNodes(tree[i].children);
+          }
+        }
+      }
+      return leafCount;
+    }
+    const tableData = computed(() => {
+      const result = [];
+      let maxDepth = 0;
+      function calculateMaxDepth(heads, depth = 1) {
+        heads.forEach((head) => {
+          if (head.children) {
+            calculateMaxDepth(head.children, depth + 1);
+          }
+        });
+        maxDepth = Math.max(maxDepth, depth);
+      }
+      calculateMaxDepth(props.data);
+      function generateTableData(heads, depth = 0, rowIndex = 0) {
+        if (!result[rowIndex])
+          result[rowIndex] = [];
+        heads.forEach((head) => {
+          const cell = Object.assign({}, head, { rowspan: 1, colspan: 1 });
+          if (head.children && !head.children.every((child) => child.show === false)) {
+            cell.colspan = countLeafNodes(head.children);
+            result[rowIndex].push(cell);
+            generateTableData(head.children, depth + 1, rowIndex + 1);
+          } else {
+            cell.rowspan = maxDepth - depth;
+            result[rowIndex].push(cell);
+          }
+        });
+      }
+      generateTableData(JSON.parse(JSON.stringify(props.data)));
+      return result;
+    });
+    function checkAllChange(checked) {
+      emit("select-all", checked);
+    }
+    function configChange(data) {
+      emit("column-change", data);
+    }
+    return (_ctx, _cache) => {
+      const _component_to_checkbox = resolveComponent("to-checkbox");
+      const _component_to_icon = resolveComponent("to-icon");
+      return openBlock(), createElementBlock(
+        "thead",
+        _hoisted_1$1,
+        [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(tableData.value, (titem, tindex) => {
+              return openBlock(), createElementBlock("tr", { key: tindex }, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(titem, (item, index) => {
+                    return openBlock(), createElementBlock(
+                      Fragment,
+                      null,
+                      [
+                        showColumn(item, index) ? (openBlock(), createElementBlock(
+                          Fragment,
+                          { key: 0 },
+                          [
+                            unref(ToTable).isNeedSelectAll && item.type === "selection" ? (openBlock(), createElementBlock("th", {
+                              key: index + "_selection",
+                              class: normalizeClass(["selection", [item.sortable === true ? "sort" : "", "checkbox"]]),
+                              rowspan: item.rowspan || 1,
+                              colspan: item.colspan || 1
+                            }, [
+                              createVNode(_component_to_checkbox, {
+                                value: unref(ToTable).isSelectAll && unref(ToTable).iData.length > 0,
+                                onChange: checkAllChange
+                              }, null, 8, ["value"])
+                            ], 10, _hoisted_2$1)) : item.type === "radio" ? (openBlock(), createElementBlock("th", {
+                              key: index + "_radio",
+                              class: normalizeClass(["radio", [item.sortable === true ? "sort" : "", "index"]]),
+                              rowspan: item.rowspan || 1,
+                              colspan: item.colspan || 1
+                            }, toDisplayString(t("to.common.select")), 11, _hoisted_3)) : item.type === "index" ? (openBlock(), createElementBlock("th", {
+                              key: index + "_index",
+                              rowspan: item.rowspan || 1,
+                              colspan: item.colspan || 1,
+                              class: normalizeClass([item.sortable === true ? "sort" : "", "index"]),
+                              onClick: ($event) => unref(ToTable).handleTableHeadCellClick(item, index, $event)
+                            }, [
+                              item.sortable === true ? (openBlock(), createElementBlock(
+                                Fragment,
+                                { key: 0 },
+                                [
+                                  item.orderType == "asc" ? (openBlock(), createBlock(_component_to_icon, {
+                                    key: 0,
+                                    value: "fold"
+                                  })) : createCommentVNode("v-if", true),
+                                  item.orderType == "desc" ? (openBlock(), createBlock(_component_to_icon, {
+                                    key: 1,
+                                    value: "unfold"
+                                  })) : createCommentVNode("v-if", true)
+                                ],
+                                64
+                                /* STABLE_FRAGMENT */
+                              )) : createCommentVNode("v-if", true),
+                              createElementVNode(
+                                "span",
+                                null,
+                                toDisplayString(unref(ToTable).indexColumnName || item.label),
+                                1
+                                /* TEXT */
+                              )
+                            ], 10, _hoisted_4)) : item.type === "action" && __props.configurable && unref(ToTable).hasAction ? (openBlock(), createElementBlock("th", {
+                              key: index + "_action",
+                              rowspan: item.rowspan || 1,
+                              colspan: item.colspan || 1,
+                              class: "configTh action"
+                            }, [
+                              createVNode(TableConfig, {
+                                data: unref(ToTable).columns,
+                                onChange: configChange
+                              }, null, 8, ["data"])
+                            ], 8, _hoisted_5)) : !(item.type === "action" && unref(ToTable).contextAction) ? (openBlock(), createElementBlock("th", {
+                              key: index + "_other",
+                              rowspan: item.rowspan || 1,
+                              colspan: item.colspan || 1,
+                              class: normalizeClass([item.sortable === true ? "sort" : "", item.type === "action" ? "action" : ""]),
+                              onClick: ($event) => unref(ToTable).handleTableHeadCellClick(item, index, $event)
+                            }, [
+                              item.sortable === true ? (openBlock(), createElementBlock(
+                                "span",
+                                {
+                                  key: 0,
+                                  class: normalizeClass(["to-table-sorticon", `type-${item.orderType}`])
+                                },
+                                [
+                                  createVNode(_component_to_icon, {
+                                    value: "fold",
+                                    type: "fill"
+                                  }),
+                                  createVNode(_component_to_icon, {
+                                    value: "unfold",
+                                    type: "fill"
+                                  })
+                                ],
+                                2
+                                /* CLASS */
+                              )) : createCommentVNode("v-if", true),
+                              renderSlot(_ctx.$slots, item.prop + "_th", {
+                                column: item,
+                                index
+                              }, () => [
+                                createElementVNode(
+                                  "span",
+                                  null,
+                                  toDisplayString(item.label),
+                                  1
+                                  /* TEXT */
+                                )
+                              ])
+                            ], 10, _hoisted_6)) : createCommentVNode("v-if", true)
+                          ],
+                          64
+                          /* STABLE_FRAGMENT */
+                        )) : createCommentVNode("v-if", true)
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    );
+                  }),
+                  256
+                  /* UNKEYED_FRAGMENT */
+                ))
+              ]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ],
+        512
+        /* NEED_PATCH */
+      );
+    };
+  }
+});
+
+var TableHead = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/table/src/table-head.vue"]]);
+
+const _hoisted_1 = ["data-index", "onContextmenu"];
+const _hoisted_2 = { key: 0 };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToTableBody"
+  },
+  __name: "table-body",
+  props: {
+    columnData: { type: Array, default: () => [] },
+    data: { type: Array, default: () => [] }
+  },
+  setup(__props) {
+    const props = __props;
+    const ToTable = inject("ToTable");
+    const isClick = ref(false);
+    const isDblClick = ref(false);
+    const clickTimer = ref(null);
+    const showColumn = (column, columnIndex) => {
+      console.log(columnIndex);
+      if (column.show === false)
+        return false;
+      if (ToTable.type === "v") {
+        if (["key", "desc", "icon", "state", "selection", "radio", "action"].includes(column.type))
+          return false;
+      } else {
+        if (["selection", "radio", "action"].includes(column.type))
+          return true;
+      }
+      if (ToTable.showColumns) {
+        if (!isNaN(ToTable.showColumns)) {
+          const index = ToTable.normalColumn.findIndex((item) => column.prop === item.prop);
+          return index !== -1 && index < Number(ToTable.showColumns);
+        } else {
+          return ToTable.showColumns.split(",").includes(column.prop);
+        }
+      }
+      return true;
+    };
+    const setClass = (column) => {
+      const arr = [];
+      if (column.type === "key")
+        arr.push("key");
+      if (column.type === "action")
+        arr.push("action");
+      if (column.type === "edit")
+        arr.push("edit");
+      if (column.type === "desc")
+        arr.push("desc");
+      if (column.wrap)
+        arr.push("wrap");
+      if (column.className)
+        arr.push(...column.className.split(","));
+      return arr;
+    };
+    console.log(setClass);
+    const setTrClass = (dataItem) => {
+      const arr = [];
+      if (dataItem._on)
+        arr.push("on");
+      if (dataItem._hover)
+        arr.push("hover");
+      if (dataItem._active)
+        arr.push("active");
+      if (dataItem._className)
+        arr.push(...dataItem._className.split(","));
+      return arr;
+    };
+    const setTrStyle = computed(() => {
+      const obj = {};
+      if (ToTable.space)
+        obj.marginTop = `${ToTable.space}em`;
+      return obj;
+    });
+    const tableData = computed(() => {
+      const result = [];
+      function traverse(headers) {
+        headers.forEach((header) => {
+          if (header.children && !header.children.every((child) => child.show === false)) {
+            traverse(header.children);
+          } else {
+            result.push(header);
+          }
+        });
+      }
+      traverse(props.columnData);
+      return result;
+    });
+    function toggleFold(item, index) {
+      if (!item._showChild) {
+        item._showChild = true;
+      } else {
+        item._showChild = false;
+      }
+      for (let i = index + 1; i < props.data.length; i++) {
+        const el = props.data[i];
+        if (item._showChild) {
+          if (el._level === item._level + 1) {
+            el._show = true;
+          } else if (el._level <= item._level) {
+            break;
+          }
+        } else {
+          if (el._level === item._level + 1) {
+            hide(el, i);
+          } else if (el._level <= item._level) {
+            break;
+          }
+        }
+      }
+      function hide(tr, index2) {
+        tr._show = false;
+        tr._showChild = false;
+        if (tr._hasChild) {
+          for (let i = index2 + 1; i < props.data.length; i++) {
+            const el = props.data[i];
+            if (el._level === tr._level + 1) {
+              hide(el, i);
+            } else {
+              break;
+            }
+          }
+        }
+      }
+      ToTable.adjust();
+    }
+    console.log(toggleFold);
+    function clickHandle(event) {
+      const path = event.composedPath ? event.composedPath() : event.path;
+      if (ToTable.$listeners && (ToTable.$listeners["row-dblclick"] || ToTable.$listeners["cell-dblclick"])) {
+        clickTimer.value = window.setTimeout(() => {
+          if (!isDblClick.value) {
+            isClick.value = true;
+            ToTable.handleTableClick(event, path);
+            const timer = window.setTimeout(() => {
+              isClick.value = false;
+              clearTimeout(timer);
+            }, 300);
+          } else {
+            isDblClick.value = false;
+          }
+          if (clickTimer.value)
+            clearTimeout(clickTimer.value);
+        }, 300);
+      } else {
+        ToTable.handleTableClick(event);
+      }
+    }
+    function dbclickHandle(event) {
+      if (!isClick.value) {
+        isDblClick.value = true;
+        ToTable.handleTableDblClick(event);
+      } else {
+        isClick.value = false;
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "tbody",
+        {
+          ref: "tbody",
+          onClick: clickHandle,
+          onMouseover: _cache[0] || (_cache[0] = //@ts-ignore
+          (...args) => unref(ToTable).handleTableMouseover && unref(ToTable).handleTableMouseover(...args)),
+          onMouseout: _cache[1] || (_cache[1] = //@ts-ignore
+          (...args) => unref(ToTable).handleTableMouseout && unref(ToTable).handleTableMouseout(...args)),
+          onMousedown: _cache[2] || (_cache[2] = //@ts-ignore
+          (...args) => unref(ToTable).handleTableMousedown && unref(ToTable).handleTableMousedown(...args)),
+          onTouchstart: _cache[3] || (_cache[3] = //@ts-ignore
+          (...args) => unref(ToTable).handleTableMousedown && unref(ToTable).handleTableMousedown(...args)),
+          onTouchmove: _cache[4] || (_cache[4] = //@ts-ignore
+          (...args) => unref(ToTable).handleTableMousemove && unref(ToTable).handleTableMousemove(...args)),
+          onMouseup: _cache[5] || (_cache[5] = //@ts-ignore
+          (...args) => unref(ToTable).handleTableMouseup && unref(ToTable).handleTableMouseup(...args)),
+          onTouchend: _cache[6] || (_cache[6] = //@ts-ignore
+          (...args) => unref(ToTable).handleTableMouseup && unref(ToTable).handleTableMouseup(...args)),
+          onDblclick: dbclickHandle
+        },
+        [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(__props.data, (dataItem, dataIndex) => {
+              return withDirectives((openBlock(), createElementBlock("tr", {
+                key: dataIndex,
+                class: normalizeClass(setTrClass(dataItem)),
+                style: normalizeStyle(setTrStyle.value),
+                "data-index": dataIndex,
+                onContextmenu: withModifiers(($event) => unref(ToTable).handleTableRowRightClick(dataItem, dataIndex, $event), ["prevent"])
+              }, [
+                unref(ToTable).type === "v" ? (openBlock(), createElementBlock("td", _hoisted_2, [
+                  renderSlot(_ctx.$slots, "v", {
+                    row: dataItem,
+                    index: dataIndex
+                  }, () => [
+                    createCommentVNode(" ... \u4FDD\u6301\u539F\u6709\u7ED3\u6784 ... ")
+                  ])
+                ])) : (openBlock(true), createElementBlock(
+                  Fragment,
+                  { key: 1 },
+                  renderList(tableData.value, (column, columnIndex) => {
+                    return openBlock(), createElementBlock(
+                      Fragment,
+                      null,
+                      [
+                        showColumn(column, columnIndex) ? (openBlock(), createElementBlock(
+                          Fragment,
+                          { key: 0 },
+                          [
+                            createCommentVNode(" ... \u4FDD\u6301\u539F\u6709\u7ED3\u6784 ... ")
+                          ],
+                          64
+                          /* STABLE_FRAGMENT */
+                        )) : createCommentVNode("v-if", true)
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    );
+                  }),
+                  256
+                  /* UNKEYED_FRAGMENT */
+                ))
+              ], 46, _hoisted_1)), [
+                [vShow, dataItem._show]
+              ]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ],
+        544
+        /* NEED_HYDRATION, NEED_PATCH */
+      );
+    };
+  }
+});
+
+var TableBody = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/table/src/table-body.vue"]]);
+
+const ToTable = withInstall(Table);
+const ToTableHead = withInstall(TableHead);
+const ToTableBody = withInstall(TableBody);
+const ToTableConfig = withInstall(TableConfig);
+
+const dis = {
+  mounted(el, binding) {
+    updateClass(el, binding);
+  },
+  updated(el, binding) {
+    updateClass(el, binding);
+  }
+};
+function updateClass(el, binding) {
+  queueMicrotask(() => {
+    const { value, modifiers } = binding;
+    if (value) {
+      el.classList.add("to-dis");
+      if (modifiers.opacity) {
+        el.classList.add("type-opacity");
+      } else {
+        el.classList.remove("type-opacity");
+      }
+      if (modifiers.select) {
+        el.classList.add("type-select");
+      } else {
+        el.classList.remove("type-select");
+      }
+    } else {
+      el.classList.remove("to-dis");
+      el.classList.remove("type-opacity");
+    }
+  });
+}
+
+function setFontSize(el, binding) {
+  const val = binding.value;
+  if (val) {
+    if (["xxs", "xs", "s", "m", "l", "xl", "xxl", "xxxl"].includes(val)) {
+      el.classList.add(`to-size-${val}`);
+    } else if (!isNaN(Number(val))) {
+      el.style.fontSize = `${val * 100}%`;
+    } else {
+      el.style.fontSize = val;
+    }
+  }
+}
+const sizeDirective = {
+  mounted(el, binding) {
+    setFontSize(el, binding);
+  },
+  updated(el, binding) {
+    setFontSize(el, binding);
+  }
+};
+
+const directives = {
+  dis,
+  size: sizeDirective
+};
+const install$1 = (app) => {
+  Object.entries(directives).forEach(([name, directive]) => {
+    app.directive(name, directive);
+  });
+};
+var InstallDirective = {
+  install: install$1
+};
+
+const LIBRARY_NAME = "@touchvue/ui";
+const PREFIX = "To";
+const isValidComponentName = (name) => {
+  return name.startsWith(PREFIX);
+};
+const getComponentName = (name) => {
+  return name.slice(PREFIX.length);
+};
+const getSideEffectsPath = (name, prefix = LIBRARY_NAME) => {
+  const componentName = getComponentName(name).toLowerCase();
+  const cssPath = `${prefix}/theme/components/${componentName}/index.css`;
+  if (process.env.NODE_ENV === "development") {
+    try {
+      const localThemePath = resolve(__dirname, `../themes/components/${componentName}/index.less`);
+      if (!existsSync(localThemePath)) {
+        console.warn(`[TouchVue Resolver] \u7EC4\u4EF6 ${name} \u7684\u6837\u5F0F\u6587\u4EF6\u4E0D\u5B58\u5728: ${localThemePath}`);
+        return false;
+      }
+    } catch (error) {
+      console.warn(`[TouchVue Resolver] \u68C0\u67E5\u6837\u5F0F\u6587\u4EF6\u65F6\u51FA\u9519:`, error);
+      return false;
+    }
+  }
+  return cssPath;
+};
+function TouchVueResolver() {
+  return {
+    type: "component",
+    resolve: (name) => {
+      if (!isValidComponentName(name))
+        return;
+      const sideEffects = getSideEffectsPath(name);
+      const result = {
+        name,
+        from: LIBRARY_NAME
+      };
+      if (sideEffects !== false) {
+        result.sideEffects = sideEffects;
+      }
+      return result;
+    }
+  };
+}
+
+const defaultOptions = {};
+let globalOptions = { ...defaultOptions };
+const getGlobalOptions = () => {
+  return globalOptions;
+};
+const components = [
+  ToButton,
+  ToIcon,
+  ToArticle,
+  ToBox,
+  ToSelect,
+  ToCalendar,
+  ToSpace,
+  ToStep,
+  ToForm,
+  ToFormItem,
+  ToGrid,
+  ToGridItem,
+  ToHeader,
+  ToInput,
+  ToLine,
+  ToMsg,
+  ToPadding,
+  ToPage,
+  ToCard,
+  ToCheckbox,
+  ToDatepikcer,
+  ToSwitch,
+  ToTab,
+  ToTabItem,
+  ToTable,
+  ToTableHead,
+  ToTableBody,
+  ToTableConfig
+];
+const install = (app, options = {}) => {
+  globalOptions = {
+    ...defaultOptions,
+    ...options
+  };
+  app.config.globalProperties.$hello = () => console.log("Hello from plugin!");
+  app.config.globalProperties.$getEm = getEm;
+  app.config.globalProperties.$setMedia = setMedia;
+  app.config.globalProperties.$getMedia = getMedia;
+  const media = getMedia();
+  app.config.globalProperties.$phone = media === "phone";
+  app.config.globalProperties.$pad = media === "pad";
+  app.config.globalProperties.$pc = media === "pc";
+  setMedia(options);
+  setRatio(options);
+  components.forEach((component) => {
+    app.use(component);
+  });
+  InstallDirective.install(app);
+};
+var index = {
+  install
+};
+
+export { Article, Box, Icon, ToArticle, ToBox, ToButton, ToCalendar, ToCard, ToCheckbox, ToDatepikcer, ToForm, ToFormItem, ToGrid, ToGridItem, ToHeader, ToIcon, ToInput, ToLine, ToMsg, ToPadding, ToPage, ToSelect, ToSpace, ToStep, ToSwitch, ToTab, ToTabItem, ToTable, ToTableBody, ToTableConfig, ToTableHead, TouchVueResolver, articleProps, boxProps, index as default, defaultOptions, dis, getGlobalOptions, globalOptions, sizeDirective };
+//# sourceMappingURL=index.js.map