mvframe 1.0.4

package/README.md

@@ -0,0 +1,163 @@
+# MVFrame
+
+面向 **Vue 3 + Vite** 的管理端场景封装：**布局（Frame）**、**常用业务组件**、**全局工具/指令**、**Pinia 工厂与 Tabs 路由联动**、**可组合的 composition 模块**以及 **SCSS 工具类与主题变量**。工具与部分构建配置针对 SaaS 后台类项目做了取舍，更适合与同类技术栈的项目对齐使用，而非追求完全零依赖的通用库。
+
+---
+
+## 技术栈与依赖
+
+| 类型 | 说明 |
+|------|------|
+| 运行时 | `vue` ^3.3、`vue-router` ^4.6、`pinia` ^3 |
+| 演示 / 开发 | `element-plus`（demo 中用于表单等）、`vite` ^6、`sass-embedded` |
+| 构建 | Library 模式产物为 ES 模块；`vue` / `pinia` / `vue-router` 为 **external**，由上层应用提供 |
+
+`package.json` 中声明的发布入口包括：
+
+- `"."` → `dist/index.js`（主插件，默认导出 `install` 函数）
+- `"./composition"` → `dist/composition.js`
+- `"./store"`、`"./directive"` → 对应 `dist` 下的分包（与 Rollup `manualChunks` 一致时存在）
+- `"./style"` → `dist/style.css`（**需在构建流程中产出 CSS 后**方可使用；本地开发通常直接引用源码样式，见下文）
+
+---
+
+## 仓库目录概览
+
+### `src/` — 库源码
+
+| 路径 | 作用 |
+|------|------|
+| `src/index.js` | **统一安装入口**：依次注册 `config` → 全局组件 `cpt` → `util` → `directive` → `store` → `router` |
+| `src/config/` | 合并默认配置与调用方传入项，挂载 `globalThis.$config`（`chip/base.js` 含 name、copyright、version 等） |
+| `src/cpt/index.js` | 通过 `import.meta.glob("../component/*/index.vue")` **自动全局注册**所有「一层子目录 + `index.vue`」的组件，组件名与**文件夹名**一致（PascalCase，如 `BtnGroup`） |
+| `src/component/` | 全局组件实现，根节点 class 约定为 `Mvc` + 组件名（详见 `.cursor/rules/component-hierarchy.mdc`） |
+| `src/util/index.js` | 挂到 `app.config.globalProperties` 与 `globalThis` 的工具方法（如 `$getLang`、`$fa`、`$copy`、`$deepClone` 等） |
+| `src/directive/index.js` | 全局指令：`v-copy`（支持 `.dblclick`）、`v-focus` |
+| `src/store/` | `createPinia` + 内置 `init` / `tab` / `rmenu`；支持 `storeChips` 动态注册；`provide("store", store)` |
+| `src/router/` | `createWebHistory` 创建路由；可选 `guard`；内置 `guardThis`（`meta.admin`、`afterEach` 中与 `tab` 联动、`document.title`） |
+| `src/composition/` | **按需 import**，导出 `lang` / `dom` / `data` / `media` 等（别名 `@cps` 在 Vite 中指向此目录） |
+| `src/style/` | 样式总入口 `index.scss`，按需 `@use` 各 `chip/*.scss`（变量、间距、字体、布局、组件覆盖等） |
+
+**当前 `src/component/` 下的全局组件（文件夹名即注册名）：**
+
+`BtnGroup`、`Form`、`Frame`、`Icon`、`Input`、`Page`、`Select`、`SelectV2`、`Table`、`Tabs`、`Textarea`
+
+子目录 `chip/` 为各组件内部拆片（如 `Frame/chip/Menu.vue`、`Table/chip/ColumnConfig.vue`），不单独注册。
+
+### `demo/` — 本地预览工程
+
+Vite 在 **`NODE_ENV=development`** 下将 **`root` 设为 `./demo`**（见根目录 `vite.config.js`），用于跑通 Frame + 路由 + 组件演示。
+
+| 文件 | 作用 |
+|------|------|
+| `demo/index.html` | 入口 HTML |
+| `demo/main.js` | 创建应用：`ElementPlus` + 引入 `../src/index.js` + `../src/style/index.scss` + `routes` |
+| `demo/App.vue` | 使用 **`Frame`** 布局，传入 `menu: { iconClass: 'imicon', routes }`，插槽 `logo` / `logomini` |
+| `demo/routes.js` | 演示路由表：`/` → `Overview/Home`（组件与 Table 演示），`/a` → `A/Home`；含多级 `children` 用于侧栏结构 |
+| `demo/views/Overview/Home.vue` | 使用 **`Page`** + **`Tabs`**，`Tabs` 切换 **`FormPanel`** / **`IconPanel`** |
+| `demo/views/Overview/Home/FormPanel.vue` | Form 等表单控件演示 |
+| `demo/views/Overview/Home/IconPanel.vue`、`iconfontAntNames.js` | 图标展示与 Ant 图标名列表 |
+| `demo/auto-imports.d.ts` | `unplugin-auto-import` 生成的类型声明（Vue / vue-router） |
+
+本地开发：
+
+```bash
+yarn install
+yarn dev
+```
+
+默认开发服务器端口为 **8088**（见 `vite.config.js`）。
+
+### 路径别名（开发与库内）
+
+| 别名 | 指向 |
+|------|------|
+| `@` | `src/` |
+| `@cps` | `src/composition/` |
+| `@scss` | `assets/scss`（若存在） |
+
+演示里路由组件使用形如 `import("/views/Overview/Home.vue")` 的路径，解析相对于 **`demo`** 根目录。
+
+---
+
+## 在上层应用中安装
+
+### 1. 安装依赖
+
+业务项目需自行安装并对齐版本：**`vue`、`vue-router`、`pinia`**。若使用 `Form` / `Table` 等与 Element Plus 绑定的能力，还需安装 **`element-plus`** 并在应用中 `app.use(ElementPlus)`。
+
+### 2. 注册 MVFrame
+
+```js
+import { createApp } from "vue";
+import mvframe from "mvframe";
+// 样式：源码依赖 / monorepo 可用包内路径；仅发布 dist 时见下文「样式」小节
+import "mvframe/src/style/index.scss";
+
+const app = createApp(App);
+
+app.use(mvframe, {
+  vueRouter: {
+    routes: yourRoutes,
+    // 可选：自定义 beforeEach 等
+    // guard: (router) => { /* ... */ },
+    // useAdmin: true,
+    // adminPermission: () => true,
+    // noaccess: (next) => next(false),
+  },
+  pinia: {
+    useTab: true, // 为 true 时启用多 Tab 与 localStorage 恢复（tabs / ctab）
+    // storeChips: import.meta.glob("./pinia/chip/*.js", { eager: true }),
+  },
+  config: {
+    // 会与 src/config/chip/base.js 合并后赋给 globalThis.$config
+    iconfont: {
+      url: "//at.alicdn.com/t/c/your_font.js",
+      prefix: "ant",
+    },
+  },
+});
+```
+
+**Frame** 组件在挂载时根据 `globalThis.$config.iconfont.url` 动态插入 `script` 加载图标字体（加载后源码中会删除 `url` 字段以避免重复插入）。
+
+### 3. 全局能力摘要
+
+- **`globalThis.$config`**：应用配置  
+- **`globalThis.$router`**：安装后由本库赋值的 router 实例  
+- **`inject("store")`**：得到 **store 工厂对象**，如 `store.tab()`、`store.rmenu()` 及自定义 chip  
+- **全局组件**：直接使用 `Frame`、`Page`、`Table` 等，无需再注册  
+- **指令**：`v-copy`、`v-focus`  
+- **composition**：`import { ... } from "mvframe/composition"` 或项目内 `@cps` 指向的等价路径  
+
+工具方法完整列表与约定见仓库内 **`.cursor/rules/util.mdc`** 与 **`src/util/index.js`**。
+
+### 4. 样式
+
+- 工具类与变量说明见 `.cursor/rules/style-system.mdc`（`--color-*`、间距、字体、布局类等）。  
+- SCSS 会通过 `vite.config.js` 的 **`additionalData`** 注入 **`src/style/chip/mixin.scss`**，与库同构构建的业务项目可保持一致配置。  
+- 若 NPM 包仅发布 `dist` 且未包含 `style.css`，需在业务工程中从 Git 路径或 monorepo 链入 **`src/style/index.scss`**，或自行扩展库的 Vite 构建以导出 CSS。
+
+---
+
+## 构建库
+
+```bash
+yarn build
+```
+
+生产构建使用 **library 模式**，入口为 `src/index.js`，并对产物启用混淆等插件（见 `vite.config.js`）。**开发时** `NODE_ENV` 为 `development` 时走的是 **demo** 工程，若需本地验证构建结果，请在执行 `vite build` 时使用生产环境变量。
+
+---
+
+## 设计取向与注意
+
+- 布局、路由守卫、Tab、菜单等 **强绑定一套交互模型**；深度定制时可局部 fork `src/router`、`src/store/tab.js` 或外层包一层封装。  
+- **组件 class 与单位**：根节点 `Mvc*` + 子命名 camelCase；组件内尺寸除 1px/2px 外建议 **rem**（根号 16px），与 `style-system.mdc` 一致。  
+- 工具函数、Store、路由在非 setup 场景（如守卫）中通过 **`globalThis`** 或 **`store` / `pinia` 导出**访问，与 `src/router/chip/guard.js` 用法一致。
+
+---
+
+## 协议
+
+ISC（见 `package.json`）。

package/dist/composition.js

@@ -0,0 +1,190 @@
+const C = (n = {}) => {
+  const e = (t, r) => {
+    if (t)
+      if (r && globalThis.$getType(r) === "Object") {
+        let o = n[t] || t;
+        return Object.keys(r).forEach((s) => {
+          o[`{${s}}`] = r[s];
+        }), o;
+      } else
+        return n[t] || t;
+    else
+      return t;
+  };
+  globalThis.$l = e, String.prototype.$l = e;
+}, U = (n, e) => {
+  if (!n || !e) return !1;
+  const t = n.getBoundingClientRect(), r = e.getBoundingClientRect(), o = r.right > t.left && r.left < t.right, s = r.bottom > t.top && r.top < t.bottom;
+  return o && s;
+}, _ = (n, e) => {
+  if (n === e) return !0;
+  if (n == null || e == null || typeof n != "object" || typeof e != "object")
+    return JSON.stringify(n) === JSON.stringify(e);
+  const t = Object.keys(n), r = Object.keys(e);
+  if (t.length !== r.length) return !1;
+  for (const o of t)
+    if (!r.includes(o) || !_(n[o], e[o])) return !1;
+  return !0;
+}, g = "download";
+const O = (n, e = g) => {
+  const t = e || g, r = String(n ?? "").trim();
+  if (!r) return t;
+  const s = r.replace(/[/\\?%*:|"<>]/g, "_").replace(/\.\./g, "_").split(/[/\\]/).pop() || t, i = 200;
+  return s.length > i ? s.slice(0, i) : s;
+}, R = (n) => {
+  const e = ((n == null ? void 0 : n.type) || "").toLowerCase();
+  return e ? e.includes("spreadsheet") || e.includes("ms-excel") || e.includes("excel") && e.includes("application") : !1;
+}, h = (n, e) => {
+  const t = URL.createObjectURL(n), r = O(e), o = document.createElement("a");
+  o.href = t, o.download = r, o.style.display = "none", document.body.appendChild(o);
+  try {
+    o.click();
+  } finally {
+    document.body.removeChild(o), setTimeout(() => URL.revokeObjectURL(t), 150);
+  }
+}, k = (n) => {
+  if (!n || n.source !== void 0 || n.type === void 0)
+    return n;
+  const { type: e, data: t, url: r, headers: o, name: s, filename: i, init: c, ...f } = n, a = i ?? s;
+  return e === "csv" ? {
+    ...f,
+    source: "inline",
+    content: t,
+    filename: a,
+    bom: n.bom
+  } : e === "excel" ? {
+    ...f,
+    source: "fetch",
+    url: r,
+    init: { ...c || {}, headers: o ?? (c == null ? void 0 : c.headers) },
+    response: "blob",
+    expectExcel: !0,
+    filename: a
+  } : n;
+}, N = async (n = {}) => {
+  const e = k(n), {
+    source: t = "inline",
+    content: r,
+    blob: o,
+    bom: s = !0,
+    mime: i,
+    url: c,
+    init: f,
+    response: a = "blob",
+    openIn: b = "self",
+    expectExcel: E,
+    filename: x,
+    name: m,
+    error: u = () => {
+    },
+    // 避免 legacy 字段渗入后续逻辑
+    type: L,
+    data: $,
+    headers: T,
+    ...j
+  } = e, d = x ?? m;
+  try {
+    if (t === "inline") {
+      if (o instanceof Blob) {
+        h(o, d);
+        return;
+      }
+      if (r == null) {
+        u(new Error("content or blob is required for inline"));
+        return;
+      }
+      const l = typeof r == "string" ? r : String(r), p = s ? "\uFEFF" + l : l, y = i || (s ? "text/csv;charset=utf-8" : "text/plain;charset=utf-8");
+      h(new Blob([p], { type: y }), d);
+      return;
+    }
+    if (t === "fetch") {
+      if (!c) {
+        u(new Error("url is required for fetch"));
+        return;
+      }
+      const l = await fetch(c, f);
+      if (!l.ok) {
+        u(new Error(`fetch failed: ${l.status}`));
+        return;
+      }
+      if (a === "text") {
+        const y = await l.text(), w = s ? "\uFEFF" + y : y, S = i || (s ? "text/csv;charset=utf-8" : "text/plain;charset=utf-8");
+        h(new Blob([w], { type: S }), d);
+        return;
+      }
+      const p = await l.blob();
+      if (E && !R(p)) {
+        u(new Error("excel does not exist"));
+        return;
+      }
+      h(p, d);
+      return;
+    }
+    if (t === "open") {
+      if (!c) {
+        u(new Error("url is required for open"));
+        return;
+      }
+      b === "blank" ? window.open(c, "_blank", "noopener,noreferrer") : window.location.href = c;
+      return;
+    }
+    u(new Error(`unknown source: ${t}`));
+  } catch (l) {
+    u(l instanceof Error ? l : new Error(String(l)));
+  }
+};
+function B(n, e, t) {
+  if (e === "" || e === void 0 || e === null)
+    return "";
+  const r = globalThis.$fa, o = globalThis.$fu, s = (t == null ? void 0 : t.precision) ?? 2, i = t == null ? void 0 : t.unit;
+  if ((i === "currency" || i === "%") && o) {
+    const c = {
+      [n]: {
+        unit: i === "currency" ? "currency" : "%",
+        precision: s
+      }
+    };
+    try {
+      return o({
+        prop: n,
+        currency: t == null ? void 0 : t.currency,
+        value: e,
+        obj: c
+      });
+    } catch {
+    }
+  }
+  if (r)
+    try {
+      return r(e, s);
+    } catch {
+      return String(e);
+    }
+  return String(e);
+}
+function V(n, e, t = {}) {
+  const { columns: r = [] } = n || {}, { resolveMetric: o } = t;
+  return !r.length || !e || typeof e != "object" ? [] : r.map((s) => {
+    const i = s.property ?? s.prop ?? "";
+    if (!i)
+      return "";
+    let c = e[i];
+    if (c === void 0 && (c = ""), c === "")
+      return "";
+    const f = typeof o == "function" ? o(i) : void 0;
+    try {
+      return B(i, c, f);
+    } catch {
+      return String(c);
+    }
+  });
+}
+export {
+  _ as deepEqual,
+  N as download,
+  B as formatSummaryCell,
+  U as isInView,
+  O as sanitizeDownloadFileName,
+  C as useLang,
+  V as useRemoteSummary
+};

package/dist/cpt/BtnGroup.js

@@ -0,0 +1,65 @@
+import { computed as o, openBlock as s, createElementBlock as i, normalizeClass as d, unref as c, Fragment as y, renderList as v, toDisplayString as S } from "vue";
+/* empty css     */
+import { _ as z } from "../vendor.js";
+const h = ["disabled", "onClick"], O = /* @__PURE__ */ Object.assign({
+  name: "MvcBtnGroup",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "default",
+      validator: (a) => ["default", "small", "large"].includes(a)
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: g }) {
+    const t = a, u = g, r = (e) => e == null ? e : ["Object", "Array"].includes(globalThis.$getType(e)) ? e[t.valueKey] : e, m = (e) => e == null ? "" : ["Object", "Array"].includes(globalThis.$getType(e)) ? e[t.labelKey] : String(e), f = (e) => {
+      const l = r(e);
+      return l === t.modelValue && (l !== void 0 || t.modelValue !== void 0);
+    }, p = (e) => {
+      if (t.disabled) return;
+      const l = r(e);
+      u("update:modelValue", l), u("change", l);
+    }, _ = o(() => ({ small: "g4", default: "g6", large: "g8" })[t.size] ?? "g6"), b = o(() => t.size === "small" ? "sizeSmall" : t.size === "large" ? "sizeLarge" : "");
+    return (e, l) => (s(), i("div", {
+      class: d(["MvcBtnGroup flexMode", [c(_), c(b)]]),
+      role: "group"
+    }, [
+      (s(!0), i(y, null, v(t.options, (n) => (s(), i("button", {
+        key: r(n),
+        type: "button",
+        class: d(["btnItem", { isActive: f(n) }]),
+        disabled: t.disabled,
+        onClick: (A) => p(n)
+      }, S(m(n)), 11, h))), 128))
+    ], 2));
+  }
+}), x = /* @__PURE__ */ z(O, [["__scopeId", "data-v-19946018"]]), k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: x
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  k as _
+};

package/dist/cpt/Form.js

@@ -0,0 +1,90 @@
+import { reactive as v, getCurrentInstance as y, computed as j, watch as n, resolveComponent as O, openBlock as h, createElementBlock as w, createVNode as m, unref as a, withCtx as c, renderSlot as x } from "vue";
+import { f as z } from "./chip.js";
+import { deepEqual as u } from "../composition.js";
+const V = { class: "MvcForm" }, S = /* @__PURE__ */ Object.assign({
+  name: "MvcForm"
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    rules: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    size: {
+      type: String,
+      default: "large"
+    }
+  },
+  setup(f, { expose: i, emit: d }) {
+    const t = f, r = v({
+      form: {}
+    }), { proxy: s } = y(), p = d, _ = async () => {
+      var e;
+      try {
+        return (e = s.$refs) != null && e.form ? (await s.$refs.form.validate(), g()) : !1;
+      } catch {
+        return !1;
+      }
+    }, g = () => r.form, b = j(() => {
+      const e = {};
+      for (let l in t.rules)
+        e[l] = t.rules[l].map((o) => ({
+          ...o,
+          ...o.message && { message: window.$l(o.message) }
+        }));
+      return e;
+    });
+    return n(
+      () => r.form,
+      (e) => {
+        e && !u(e, t.modelValue) && p("update:modelValue", e);
+      },
+      {
+        deep: !0
+      }
+    ), n(
+      () => t.modelValue,
+      (e) => {
+        e && !u(e, r.form) && (r.form = e);
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), i({
+      validate: _
+    }), (e, l) => {
+      const o = O("el-form");
+      return h(), w("div", V, [
+        m(o, {
+          ref: "form",
+          model: a(r).form,
+          rules: a(b),
+          size: t.size,
+          "validate-on-rule-change": !1,
+          "label-position": "top"
+        }, {
+          default: c(() => [
+            m(a(z), null, {
+              default: c(() => [
+                x(e.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["model", "rules", "size"])
+      ]);
+    };
+  }
+}), F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: S
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  F as _
+};

package/dist/cpt/Frame.js

@@ -0,0 +1,78 @@
+import { reactive as v, inject as h, onMounted as j, resolveComponent as y, openBlock as l, createElementBlock as O, createVNode as r, normalizeProps as d, guardReactiveProps as u, createSlots as T, withCtx as f, renderSlot as m, createElementVNode as $, unref as k, createBlock as M, createCommentVNode as C } from "vue";
+import { M as I, T as B, F as E } from "./chip.js";
+/* empty css     */
+import { _ as F } from "../vendor.js";
+const P = { class: "MvcFrame" }, S = { class: "PageArea" }, w = /* @__PURE__ */ Object.assign({
+  name: "MvcFrame",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    /* menu包含：
+      @params
+      options: vue-router的路由表
+      iconClass: 菜单图标样式名，iconfont创建时的样式名或其它自定义规则
+      logo: 菜单logo, vue dom
+      logomini: 菜单logo缩小时的样子, vue dom
+    */
+    menu: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    },
+    page: {
+      type: Object,
+      default: /* @__PURE__ */ Object.create(null)
+    }
+  },
+  setup(p) {
+    const c = p;
+    v({});
+    const _ = h("store").tab();
+    j(() => {
+      g();
+    });
+    const g = () => {
+      b();
+    }, b = () => {
+      var e, n, o, i, s, a;
+      if ((n = (e = globalThis.$config) == null ? void 0 : e.iconfont) != null && n.url) {
+        const t = document.createElement("script");
+        if (t.id = "iconfont", t.type = "text/javascript", t.src = (i = (o = globalThis.$config) == null ? void 0 : o.iconfont) == null ? void 0 : i.url, document.getElementById("iconfont"))
+          return;
+        document.head.appendChild(t), (a = (s = globalThis.$config) == null ? void 0 : s.iconfont) == null || delete a.url;
+      }
+    };
+    return (e, n) => {
+      const o = y("router-view");
+      return l(), O("div", P, [
+        r(I, d(u(c.menu)), T({ _: 2 }, [
+          e.$slots.logo ? {
+            name: "logo",
+            fn: f(() => [
+              m(e.$slots, "logo", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0,
+          e.$slots.logomini ? {
+            name: "logomini",
+            fn: f(() => [
+              m(e.$slots, "logomini", {}, void 0, !0)
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1040),
+        $("div", S, [
+          k(_).useTab ? (l(), M(B, { key: 0 })) : C("", !0),
+          r(o, d(u(c.page)), null, 16),
+          r(E)
+        ])
+      ]);
+    };
+  }
+}), x = /* @__PURE__ */ F(w, [["__scopeId", "data-v-d0100e71"]]), D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: x
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  D as _
+};

package/dist/cpt/Icon.js

@@ -0,0 +1,34 @@
+import { reactive as c, onMounted as i, openBlock as r, createElementBlock as l, createElementVNode as a, unref as s } from "vue";
+const _ = {
+  class: "MvcIcon",
+  "aria-hidden": "true"
+}, f = ["xlink:href"], p = /* @__PURE__ */ Object.assign({
+  name: "MvcIcon"
+}, {
+  __name: "index",
+  props: {
+    name: {
+      type: String,
+      default: "cloud"
+    }
+  },
+  setup(o) {
+    const t = c({
+      prefix: "imc"
+    });
+    return i(() => {
+      var e, n;
+      (n = (e = globalThis.$config) == null ? void 0 : e.iconfont) != null && n.prefix && (t.prefix = globalThis.$config.iconfont.prefix);
+    }), (e, n) => (r(), l("svg", _, [
+      a("use", {
+        "xlink:href": `#${s(t).prefix}-${o.name}`
+      }, null, 8, f)
+    ]));
+  }
+}), d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: p
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  d as _
+};

package/dist/cpt/Input.js

@@ -0,0 +1,68 @@
+import { ref as C, reactive as S, getCurrentInstance as b, onMounted as y, nextTick as V, computed as v, watch as w, onUnmounted as E, resolveComponent as I, openBlock as L, createBlock as k, mergeProps as M, unref as s } from "vue";
+const $ = /* @__PURE__ */ Object.assign({
+  name: "MvcInput"
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "input",
+    "change",
+    "blur",
+    "focus"
+  ],
+  setup(f, { emit: g }) {
+    const _ = f, a = C(null);
+    let e = null;
+    const n = S({
+      val: "",
+      isComposing: !1
+    }), l = g, { proxy: u } = b();
+    y(() => {
+      var o, i, r;
+      const t = (o = a.value) == null ? void 0 : o.$el;
+      e = ((i = t == null ? void 0 : t.querySelector) == null ? void 0 : i.call(t, "input")) || ((r = t == null ? void 0 : t.querySelector) == null ? void 0 : r.call(t, "textarea")), e && (e.addEventListener("compositionstart", m), e.addEventListener("compositionend", p));
+    });
+    const m = () => {
+      n.isComposing = !0;
+    }, p = () => {
+      n.isComposing = !1, V(() => c(n.val));
+    }, x = (t) => {
+      n.isComposing || c(t);
+    }, c = (t) => {
+      l("update:modelValue", t), l("input", t);
+    }, h = v(() => !!(u.$attrs.maxlength || d.value)), d = v(() => u.$attrs.max);
+    return w(
+      () => _.modelValue,
+      (t) => {
+        const o = String(t ?? "");
+        String(n.val) !== o && (n.val = o);
+      },
+      { immediate: !0 }
+    ), E(() => {
+      e && (e.removeEventListener("compositionstart", m), e.removeEventListener("compositionend", p), e = null);
+    }), (t, o) => {
+      const i = I("el-input");
+      return L(), k(i, M({
+        ref_key: "inputRef",
+        ref: a,
+        modelValue: s(n).val,
+        "onUpdate:modelValue": o[0] || (o[0] = (r) => s(n).val = r),
+        "show-word-limit": s(h),
+        maxlength: s(d),
+        class: "MvcInput"
+      }, t.$attrs, { onInput: x }), null, 16, ["modelValue", "show-word-limit", "maxlength"]);
+    };
+  }
+}), B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: $
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  B as _
+};