wyfe-ivue 0.5.0 → 0.8.7

package/README.md

@@ -12,30 +12,29 @@
 $ pnpm i wyfe-ivue
 ```
 
-## 本地构建
-1. 生成 tgz 包
-```shell
-$ cd wyfe-ivue
-$ pnpm tgz
-# 生成 wyfe-ivue-0.0.1.tgz
-```
-2. 在目标项目中安装和使用
-```shell
-$ cd targetProject
-$ pnpm i D:/xxx/wyfe-ivue/wyfe-ivue-0.0.1.tgz
-```
-
 ## 使用
 ```js
 // 1、创建plugins/WyfeIVue.ts：
+
+// UseSvgIcon组件需要手动引入svg图标注册脚本 并且需在vite.config.ts中配置插件
+import 'virtual:svg-icons-register'
+import { type App, type Component } from 'vue'
 import 'wyfe-ivue/dist/wyfe-ivue.css'
-import { type App } from 'vue'
 import * as WyfeIVue from 'wyfe-ivue'
 
+type ComponentExports = {
+  [K in keyof typeof WyfeIVue]: (typeof WyfeIVue)[K] extends Component
+    ? (typeof WyfeIVue)[K]
+    : never
+}
+
 export default (app: App) => {
-  for (const [key, component] of Object.entries(WyfeIVue)) {
-    app.component(key, component)
+  const components = WyfeIVue as ComponentExports
+
+  for (const [key, component] of Object.entries(components)) {
+    key.startsWith('Use') && app.component(key, component)
   }
+}
 
 
 // 2、在main.ts中引入使用：
@@ -47,6 +46,19 @@ createApp(App).use(WyfeIVuePlugins).mount('#app')
 <UseElButton btnText="保存" @onClick="handleClick"/>
 ```
 
+## 本地构建
+1. 生成 tgz 包
+```shell
+$ cd wyfe-ivue
+$ pnpm tgz
+# 生成 wyfe-ivue-0.0.1.tgz
+```
+2. 在目标项目中安装和使用
+```shell
+$ cd targetProject
+$ pnpm i D:/xxx/wyfe-ivue/wyfe-ivue-0.0.1.tgz
+```
+
 ## 版本号规则
 + 仅升级组件库依赖，修改第1位。eg：1.x.x；
 + 仅新增组件库组件，修改第2位。eg：x.8.x；

package/dist/{InlineForm-CJgRTO8w.js → InlineForm-DC1lqOwN.js}

@@ -1,15 +1,15 @@
-import { c as I, E as S, f as U, e as K } from "./index-Bi7nW-sZ.js";
-import { u as N, E as Q, a as L, b as R, c as W } from "./useFormHook-BVZ_gZcT.js";
-import { defineComponent as q, computed as z, onMounted as A, createElementBlock as C, openBlock as t, normalizeStyle as a, createVNode as f, createElementVNode as D, withModifiers as H, withCtx as d, Fragment as T, renderList as j, createBlock as p, createCommentVNode as i, withKeys as u, unref as g, createTextVNode as _ } from "vue";
-const G = { class: "btnWrapper" }, J = /* @__PURE__ */ q({
+import { Q as I, D as S, T as U, R as Q } from "./index-MzlgxHOB.js";
+import { h as K, E as N, i as R, j as L, k as W } from "./useFormHook-DYgWi8dF.js";
+import { defineComponent as q, computed as x, onMounted as D, createElementBlock as y, openBlock as t, normalizeStyle as a, createVNode as i, createElementVNode as T, withModifiers as j, withCtx as d, Fragment as z, renderList as A, createBlock as p, createCommentVNode as u, withKeys as f, unref as C, createTextVNode as k } from "vue";
+const H = { class: "btnWrapper" }, G = /* @__PURE__ */ q({
   __name: "InlineForm",
   props: I,
-  emits: ["update:formModel", "onQuery"],
-  setup(h, { expose: b, emit: V }) {
-    const s = h, m = V, P = z(
+  emits: ["onQuery"],
+  setup(_, { expose: b, emit: V }) {
+    const s = _, m = V, w = x(
       () => s.showBorberBottom ? "1px solid var(--el-border-color)" : ""
     );
-    A(() => {
+    D(() => {
       document.querySelectorAll(".el-select__input").forEach((o) => {
         o.addEventListener(
           "keydown",
@@ -22,40 +22,42 @@ const G = { class: "btnWrapper" }, J = /* @__PURE__ */ q({
     });
     const r = () => {
       m("onQuery", s.formModel);
-    }, E = () => {
+    }, P = () => {
       m("onQuery", {});
-    }, { formRef: c, dateFormat: y } = N(s);
+    }, { formRef: c, dateFormatComputed: g } = K(s);
     return b({ formRef: c }), (o, l) => {
-      const w = S, M = R, F = W, v = L, B = Q, k = U;
-      return t(), C("div", {
+      const E = S, M = L, v = W, B = R, F = N, h = U;
+      return t(), y("div", {
         class: "inlineForm",
-        style: a({ borderBottom: P.value })
+        style: a({ borderBottom: w.value })
       }, [
-        f(B, {
+        i(F, {
           ref_key: "formRef",
           ref: c,
           inline: "",
           model: o.formModel,
           "label-suffix": o.labelSuffix,
-          onSubmit: l[0] || (l[0] = H(() => {
+          onSubmit: l[0] || (l[0] = j(() => {
           }, ["prevent"]))
         }, {
           default: d(() => [
-            (t(!0), C(T, null, j(o.formColumns, (e) => (t(), p(v, {
+            (t(!0), y(z, null, A(o.formColumns, (e) => (t(), p(B, {
               key: e.label,
               label: e.label
             }, {
               default: d(() => [
-                e.inputConfig ? (t(), p(w, {
+                e.inputConfig ? (t(), p(E, {
                   key: 0,
                   modelValue: o.formModel[e.prop],
                   "onUpdate:modelValue": (n) => o.formModel[e.prop] = n,
-                  placeholder: "请输入",
+                  placeholder: e.inputConfig.placeholder || "请输入",
+                  maxlength: e.inputConfig.maxlength || "",
+                  "show-word-limit": !!e.inputConfig.maxlength,
                   style: a({ width: e.inputConfig.width || o.formItemWidth }),
                   clearable: "",
                   onClear: r,
-                  onKeyup: u(r, ["enter"])
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "style"])) : i("", !0),
+                  onKeyup: f(r, ["enter"])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "maxlength", "show-word-limit", "style"])) : u("", !0),
                 e.selectConfig ? (t(), p(M, {
                   key: 1,
                   modelValue: o.formModel[e.prop],
@@ -65,43 +67,43 @@ const G = { class: "btnWrapper" }, J = /* @__PURE__ */ q({
                   style: a({ width: e.selectConfig.width || o.formItemWidth }),
                   clearable: "",
                   onClear: r,
-                  onKeyup: u(r, ["enter"])
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "style"])) : i("", !0),
-                e.datePickerConfig ? (t(), p(F, {
+                  onKeyup: f(r, ["enter"])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "style"])) : u("", !0),
+                e.datePickerConfig ? (t(), p(v, {
                   key: 2,
                   modelValue: o.formModel[e.prop],
                   "onUpdate:modelValue": (n) => o.formModel[e.prop] = n,
                   type: e.datePickerConfig.type || "date",
-                  "range-separator": e.datePickerConfig.rangeSeparator || "-",
-                  "start-placeholder": e.datePickerConfig.startPlaceholder || "",
-                  "end-placeholder": e.datePickerConfig.endPlaceholder || "",
-                  format: e.datePickerConfig.dateFormat || g(y)(e.datePickerConfig.type),
-                  "value-format": e.datePickerConfig.dateFormat || g(y)(e.datePickerConfig.type),
+                  "range-separator": e.datePickerConfig.rangeSeparator || "至",
+                  "start-placeholder": e.datePickerConfig.startPlaceholder || "开始日期",
+                  "end-placeholder": e.datePickerConfig.endPlaceholder || "结束日期",
+                  format: C(g)(e.datePickerConfig),
+                  "value-format": C(g)(e.datePickerConfig),
                   placeholder: e.datePickerConfig.placeholder || "请选择",
                   style: a({ width: e.datePickerConfig.width ?? "100%" }),
                   onClear: r,
-                  onKeyup: u(r, ["enter"])
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "range-separator", "start-placeholder", "end-placeholder", "format", "value-format", "placeholder", "style"])) : i("", !0)
+                  onKeyup: f(r, ["enter"])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "range-separator", "start-placeholder", "end-placeholder", "format", "value-format", "placeholder", "style"])) : u("", !0)
               ]),
               _: 2
             }, 1032, ["label"]))), 128))
           ]),
           _: 1
         }, 8, ["model", "label-suffix"]),
-        D("div", G, [
-          f(k, {
+        T("div", H, [
+          i(h, {
             type: "primary",
             loading: o.queryLoading,
             onClick: r
           }, {
             default: d(() => [...l[1] || (l[1] = [
-              _(" 查询 ", -1)
+              k(" 查询 ", -1)
             ])]),
             _: 1
           }, 8, ["loading"]),
-          f(k, { onClick: E }, {
+          i(h, { onClick: P }, {
             default: d(() => [...l[2] || (l[2] = [
-              _("重置", -1)
+              k("重置", -1)
             ])]),
             _: 1
           })
@@ -109,7 +111,7 @@ const G = { class: "btnWrapper" }, J = /* @__PURE__ */ q({
       ], 4);
     };
   }
-}), Z = /* @__PURE__ */ K(J, [["__scopeId", "data-v-4ba37143"]]);
+}), Y = /* @__PURE__ */ Q(G, [["__scopeId", "data-v-734b6bdb"]]);
 export {
-  Z as default
+  Y as default
 };

package/dist/{RecTableColumn--TL4ZAq5.js → RecTableColumn-CQz9NDpd.js}

@@ -1,6 +1,6 @@
-import { aZ as m } from "./index-Bi7nW-sZ.js";
-import { defineComponent as g, defineAsyncComponent as C, resolveComponent as s, createBlock as t, openBlock as n, withCtx as r, createElementBlock as u, Fragment as c, renderList as h, renderSlot as b, mergeProps as d, unref as y, normalizeProps as j, guardReactiveProps as k } from "vue";
-const R = /* @__PURE__ */ g({
+import { bb as g } from "./index-MzlgxHOB.js";
+import { defineComponent as m, defineAsyncComponent as C, resolveComponent as s, createBlock as t, openBlock as n, withCtx as r, createElementBlock as u, Fragment as c, renderList as h, renderSlot as b, mergeProps as i, unref as y, normalizeProps as j, guardReactiveProps as k } from "vue";
+const R = /* @__PURE__ */ m({
   __name: "RecTableColumn",
   props: {
     columnObj: {
@@ -17,10 +17,10 @@ const R = /* @__PURE__ */ g({
     }
   },
   setup(l) {
-    const i = C(() => import("./Span-r-IKXZvi.js"));
+    const p = C(() => import("./Span-BbXSa8ak.js"));
     return (a, O) => {
-      const f = s("RecTableColumn", !0), p = m;
-      return n(), t(p, {
+      const f = s("RecTableColumn", !0), d = g;
+      return n(), t(d, {
         label: l.columnObj.label,
         align: l.columnObj.align || l.tableColumnAlign
       }, {
@@ -34,35 +34,36 @@ const R = /* @__PURE__ */ g({
             e.children && e.children.length ? (n(), t(f, {
               key: 0,
               columnObj: e
-            }, null, 8, ["columnObj"])) : (n(), t(p, {
+            }, null, 8, ["columnObj"])) : (n(), t(d, {
               key: 1,
               label: e.label,
               prop: e.prop,
+              width: e.width,
               "min-width": e.minWidth,
               align: e.align || l.tableColumnAlign
             }, {
               default: r(({ row: o }) => [
                 e.prop && Object.keys(o).length ? (n(), u(c, { key: 0 }, [
-                  e?.extConfig?.slot ? b(a.$slots, e.prop, d({
+                  e?.extConfig?.slot ? b(a.$slots, e.prop, i({
                     key: 0,
                     ref_for: !0
                   }, {
                     row: o,
                     data: o[e.prop],
                     dict: e.extConfig?.dict
-                  })) : (n(), t(y(i), {
+                  })) : (n(), t(y(p), {
                     key: 1,
                     item: e,
                     data: o[e.prop],
                     extConfig: l.extConfig
                   }, null, 8, ["item", "data", "extConfig"]))
-                ], 64)) : b(a.$slots, "default", d({
+                ], 64)) : b(a.$slots, "default", i({
                   key: 1,
                   ref_for: !0
                 }, { row: o }))
               ]),
               _: 2
-            }, 1032, ["label", "prop", "min-width", "align"]))
+            }, 1032, ["label", "prop", "width", "min-width", "align"]))
           ], 64))), 128))
         ]),
         _: 3