@iswangh/element-plus-kit 0.3.0 → 0.3.2

package/dist/index.d.ts

@@ -1,11 +1,10 @@
 import { App } from 'vue';
 import { ComponentResolver } from 'unplugin-vue-components/types';
-import { FormActionConfig } from '@iswangh/element-plus-kit-form';
-import { FormItemEventExtendedParams } from '@iswangh/element-plus-kit-form';
-import { FormItems } from '@iswangh/element-plus-kit-form';
 import { ResolverFunction } from 'unplugin-auto-import/types';
 import { useLoadOptions } from '@iswangh/element-plus-kit-form';
+import { WCheckTag } from '@iswangh/element-plus-kit-tag';
 import { WForm } from '@iswangh/element-plus-kit-form';
+import { WTag } from '@iswangh/element-plus-kit-tag';
 
 /**
  * 默认导出安装函数
@@ -43,12 +42,6 @@ export default _default;
  */
 export declare function ElementPlusKitResolver(): ComponentResolver & ResolverFunction;
 
-export { FormActionConfig }
-
-export { FormItemEventExtendedParams }
-
-export { FormItems }
-
 /**
  * Element Plus Kit 全局安装函数
  *
@@ -58,6 +51,14 @@ export declare function install(app: App): void;
 
 export { useLoadOptions }
 
+export { WCheckTag }
+
 export { WForm }
 
+export { WTag }
+
+
+export * from "@iswangh/element-plus-kit-form";
+export * from "@iswangh/element-plus-kit-tag";
+
 export { }

package/dist/index.js

@@ -1,14 +1,197 @@
-import { WForm as t } from "@iswangh/element-plus-kit-form";
-import { WForm as s, useLoadOptions as a } from "@iswangh/element-plus-kit-form";
-import { ElementPlusKitResolver as i } from "./resolver.js";
-function e(o) {
-  o.component("WForm", t);
+import { WForm as F } from "@iswangh/element-plus-kit-form";
+import { WForm as le, useLoadOptions as te } from "@iswangh/element-plus-kit-form";
+import { defineComponent as x, useAttrs as E, computed as s, createBlock as S, openBlock as P, unref as _, normalizeProps as C, guardReactiveProps as W, withCtx as B, createElementBlock as R, Fragment as $, renderList as w, mergeProps as I, createTextVNode as M, toDisplayString as N, useSlots as L, renderSlot as j } from "vue";
+import { ElSpace as z, ElCheckTag as D, ElTag as H } from "element-plus";
+import { ElementPlusKitResolver as ne } from "./resolver.js";
+const J = /* @__PURE__ */ x({
+  name: "WCheckTag",
+  __name: "CheckTag",
+  props: {
+    options: {},
+    multiple: { type: Boolean, default: !1 },
+    modelValue: { type: [String, Number, Boolean, null, Array] },
+    props: { default: () => ({ label: "label", value: "value" }) },
+    spaceProps: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(o, { emit: l }) {
+    const n = o, u = l, i = E(), p = s(() => {
+      const e = { ...n, ...i }, { multiple: t, options: r, modelValue: f, props: v, onChange: k, key: A, ...T } = e;
+      return T;
+    });
+    function b(e) {
+      const t = p.value;
+      if (e.tagProps) {
+        const { key: r, ...f } = e.tagProps;
+        return { ...t, ...f };
+      }
+      return t;
+    }
+    const c = s(() => {
+      if (n.multiple)
+        return;
+      const e = n.modelValue;
+      return Array.isArray(e) ? e[0] : e;
+    }), m = s(() => {
+      if (n.multiple)
+        return;
+      const e = c.value;
+      return e == null ? null : n.options.some((t) => t[n.props?.value || "value"] === e) ? e : null;
+    }), d = s(() => n.multiple ? (Array.isArray(n.modelValue) ? n.modelValue : []).filter((e) => n.options.some((t) => t[n.props?.value || "value"] === e)) : []);
+    function g(e) {
+      return n.multiple ? d.value.includes(e) : m.value === e;
+    }
+    function y(e, t) {
+      if (!p.value.disabled && !e.disabled)
+        if (n.multiple) {
+          const r = d.value, f = r.findIndex((k) => k === t);
+          let v;
+          f >= 0 ? v = r.filter((k, A) => A !== f) : v = [...r, t], u("update:modelValue", v), u("change", v);
+        } else {
+          if (m.value === t)
+            return;
+          u("update:modelValue", t), u("change", t);
+        }
+    }
+    function V(e) {
+      const t = n.props?.label || "label";
+      return e[t] ?? "";
+    }
+    function h(e) {
+      const t = n.props?.value || "value";
+      return e[t];
+    }
+    function a(e, t) {
+      const r = h(e);
+      return r == null ? t : typeof r == "boolean" ? String(r) : typeof r == "string" || typeof r == "number" ? r : String(r);
+    }
+    return (e, t) => (P(), S(_(z), C(W(n.spaceProps)), {
+      default: B(() => [
+        (P(!0), R($, null, w(o.options, (r, f) => (P(), S(_(D), I({
+          key: a(r, f)
+        }, { ref_for: !0 }, b(r), {
+          checked: g(h(r)),
+          disabled: p.value.disabled || r.disabled,
+          onChange: () => y(r, h(r))
+        }), {
+          default: B(() => [
+            M(N(V(r)), 1)
+          ]),
+          _: 2
+        }, 1040, ["checked", "disabled", "onChange"]))), 128))
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+function K(o, l, n) {
+  if (!n)
+    return o === l;
+  const u = typeof o, i = typeof l;
+  if (u === i)
+    return o === l;
+  switch (`${u}-${i}`) {
+    case "boolean-string":
+      return o === (l === "true");
+    case "string-boolean":
+      return o === "true" === l;
+    case "number-string":
+      return o === Number(l) || String(o) === l;
+    case "string-number":
+      return Number(o) === l || o === String(l);
+    default:
+      return o === l;
+  }
 }
-const l = { install: e };
+function O(o) {
+  const {
+    options: l,
+    value: n,
+    fieldProps: u = { label: "label", value: "value" },
+    looseMatch: i = !0
+  } = o;
+  if (!Array.isArray(l) || l.length === 0)
+    return { option: null, label: null, matched: !1 };
+  const p = u.label || "label", b = u.value || "value", c = l.find((d) => {
+    const g = d[b];
+    return K(g, n, i);
+  });
+  if (!c)
+    return { option: null, label: null, matched: !1 };
+  const m = c[p];
+  return {
+    option: c,
+    label: m ?? null,
+    matched: !0
+  };
+}
+const q = /* @__PURE__ */ x({
+  name: "WTag",
+  __name: "Tag",
+  props: {
+    label: {},
+    options: {},
+    value: { type: [String, Number, Boolean, null, Array] },
+    props: { default: () => ({ label: "label", value: "value" }) },
+    looseMatch: { type: Boolean, default: !0 },
+    separator: { default: ", " }
+  },
+  setup(o) {
+    const l = o, n = E(), u = L(), i = s(() => l.value), p = s(() => {
+      const a = i.value;
+      return a == null ? [] : Array.isArray(a) ? a : [a];
+    }), b = s(() => !!u.default), c = { option: null, label: null, matched: !1 }, m = s(() => {
+      if (p.value.length === 0)
+        return [];
+      const a = p.value;
+      return l.options ? a.map((e) => ({
+        value: e,
+        match: O({
+          options: l.options ?? [],
+          value: e,
+          fieldProps: l.props,
+          looseMatch: l.looseMatch
+        })
+      })) : a.map((e) => ({ value: e, match: c }));
+    });
+    function d(a) {
+      const e = { ...n, ...l }, { label: t, options: r, value: f, props: v, looseMatch: k, separator: A, ...T } = e;
+      return a?.option?.tagProps ? { ...T, ...a.option.tagProps } : T;
+    }
+    function g(a, e, t) {
+      return l.label && t === 0 ? l.label : e?.matched && e.label ? e.label : a != null ? String(a) : null;
+    }
+    const y = s(() => {
+      if (l.label)
+        return l.label;
+      const a = m.value.map((e, t) => g(e.value, e.match, t)).filter((e) => e != null);
+      return a.length > 0 ? a.join(l.separator) : null;
+    }), V = s(() => b.value ? null : y.value), h = s(() => ({
+      value: l.value,
+      label: y.value,
+      options: m.value.map((a) => a.match.option).filter((a) => a != null)
+    }));
+    return (a, e) => (P(), S(_(H), C(W(d(m.value[0]?.match ?? c))), {
+      default: B(() => [
+        j(a.$slots, "default", C(W(h.value)), () => [
+          M(N(V.value), 1)
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+function G(o) {
+  o.component("WForm", F), o.component("WTag", q), o.component("WCheckTag", J);
+}
+const Y = { install: G };
 export {
-  i as ElementPlusKitResolver,
-  s as WForm,
-  l as default,
-  e as install,
-  a as useLoadOptions
+  ne as ElementPlusKitResolver,
+  J as WCheckTag,
+  le as WForm,
+  q as WTag,
+  Y as default,
+  G as install,
+  te as useLoadOptions
 };

package/dist/resolver.js

@@ -1,22 +1,23 @@
-const s = {
-  form: "element-plus-kit-form"
+const r = {
+  WForm: "element-plus-kit-form",
+  WTag: "element-plus-kit-tag",
+  WCheckTag: "element-plus-kit-tag"
   // 未来扩展
-  // table: 'element-plus-kit-table',
+  // WTable: 'element-plus-kit-table',
+  // WTableColumn: 'element-plus-kit-table',
 };
-function r(t) {
-  if (!t.startsWith("W"))
-    return;
-  const n = t.slice(1).toLowerCase();
-  return s[n];
+function n(o) {
+  if (o.startsWith("W"))
+    return r[o];
 }
-function c() {
+function i() {
   return Object.assign({
     type: "component",
-    resolve: (o) => {
-      const e = r(o);
+    resolve: (t) => {
+      const e = n(t);
       if (e)
         return {
-          name: o,
+          name: t,
           from: `@iswangh/${e}`,
           // sideEffects 配置：确保样式文件在 Tree Shaking 时不被移除
           // 注意：packages/form/src/index.ts 中已按需导入了所有 Element Plus 组件样式，
@@ -24,12 +25,12 @@ function c() {
           sideEffects: `@iswangh/${e}/style.css`
         };
     }
-  }, (o) => {
-    const e = r(o);
+  }, (t) => {
+    const e = n(t);
     if (e)
       return `@iswangh/${e}`;
   });
 }
 export {
-  c as ElementPlusKitResolver
+  i as ElementPlusKitResolver
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iswangh/element-plus-kit",
   "type": "module",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "Element Plus Kit - 基于 Element Plus 的 Vue 3 组件集合",
   "author": "iswangh",
   "license": "Apache-2.0",
@@ -39,7 +39,8 @@
     "vue": "^3.5.23"
   },
   "dependencies": {
-    "@iswangh/element-plus-kit-form": "0.3.0"
+    "@iswangh/element-plus-kit-form": "0.3.0",
+    "@iswangh/element-plus-kit-tag": "0.0.1"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.1",