wyfe-ivue 0.8.7 → 0.9.0

package/README.md

@@ -12,16 +12,28 @@
 $ pnpm i wyfe-ivue
 ```
 
-## 使用
+## 使用(仅需3步配置即刻上手)
 ```js
-// 1、创建plugins/WyfeIVue.ts：
+/**
+ * 1、创建plugins/WyfeIVue.ts：
+ */
 
-// UseSvgIcon组件需要手动引入svg图标注册脚本 并且需在vite.config.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 * as WyfeIVue from 'wyfe-ivue'
 
+// 如需使用UseIconfont组件需要手动引入iconfont图标链接地址
+import { dynamicLoadFile } from '@/utils'
+import { getConfig } from '@/config'
+
+// 引入iconfont font图标
+dynamicLoadFile(getConfig('ICONFONT_URL.FONT'))
+// 引入iconfont symbol图标
+dynamicLoadFile(getConfig('ICONFONT_URL.SYMBOL'), 'js')
+
 type ComponentExports = {
   [K in keyof typeof WyfeIVue]: (typeof WyfeIVue)[K] extends Component
     ? (typeof WyfeIVue)[K]
@@ -37,12 +49,16 @@ export default (app: App) => {
 }
 
 
-// 2、在main.ts中引入使用：
+/**
+ * 2、在main.ts中引入使用：
+ */
 import  WyfeIVuePlugins from './plugins/WyfeIVue'
 
 createApp(App).use(WyfeIVuePlugins).mount('#app')
 
-// 3、在页面中使用(以使用UseElButton为例)：
+/**
+ * 3、在页面中使用(以使用UseElButton为例)：
+ */
 <UseElButton btnText="保存" @onClick="handleClick"/>
 ```
 

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

@@ -1,15 +1,15 @@
-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({
+import { Q as S, D as U, T as Q, R as K } from "./index-Dz6FLYua.js";
+import { h as N, E as R, i as L, j as W, k as q } from "./useFormHook-7dt0Wf6Q.js";
+import { defineComponent as D, computed as T, onMounted as j, createElementBlock as C, openBlock as t, normalizeStyle as a, createVNode as i, createElementVNode as x, withModifiers as z, withCtx as d, Fragment as A, renderList as H, createBlock as p, createCommentVNode as u, withKeys as f, unref as m, createTextVNode as k } from "vue";
+const O = { class: "btnWrapper" }, G = /* @__PURE__ */ D({
   __name: "InlineForm",
-  props: I,
+  props: S,
   emits: ["onQuery"],
   setup(_, { expose: b, emit: V }) {
-    const s = _, m = V, w = x(
+    const s = _, c = V, w = T(
       () => s.showBorberBottom ? "1px solid var(--el-border-color)" : ""
     );
-    D(() => {
+    j(() => {
       document.querySelectorAll(".el-select__input").forEach((o) => {
         o.addEventListener(
           "keydown",
@@ -21,32 +21,32 @@ const H = { class: "btnWrapper" }, G = /* @__PURE__ */ q({
       });
     });
     const r = () => {
-      m("onQuery", s.formModel);
+      c("onQuery", s.formModel);
     }, P = () => {
-      m("onQuery", {});
-    }, { formRef: c, dateFormatComputed: g } = K(s);
-    return b({ formRef: c }), (o, l) => {
-      const E = S, M = L, v = W, B = R, F = N, h = U;
-      return t(), y("div", {
+      c("onQuery", {});
+    }, { formRef: h, selectOptions: E, dateFormatComputed: y } = N(s);
+    return b({ formRef: h }), (o, l) => {
+      const M = U, v = W, B = q, F = L, I = R, g = Q;
+      return t(), C("div", {
         class: "inlineForm",
         style: a({ borderBottom: w.value })
       }, [
-        i(F, {
+        i(I, {
           ref_key: "formRef",
-          ref: c,
+          ref: h,
           inline: "",
           model: o.formModel,
           "label-suffix": o.labelSuffix,
-          onSubmit: l[0] || (l[0] = j(() => {
+          onSubmit: l[0] || (l[0] = z(() => {
           }, ["prevent"]))
         }, {
           default: d(() => [
-            (t(!0), y(z, null, A(o.formColumns, (e) => (t(), p(B, {
+            (t(!0), C(A, null, H(o.formColumns, (e) => (t(), p(F, {
               key: e.label,
               label: e.label
             }, {
               default: d(() => [
-                e.inputConfig ? (t(), p(E, {
+                e.inputConfig ? (t(), p(M, {
                   key: 0,
                   modelValue: o.formModel[e.prop],
                   "onUpdate:modelValue": (n) => o.formModel[e.prop] = n,
@@ -58,18 +58,18 @@ const H = { class: "btnWrapper" }, G = /* @__PURE__ */ q({
                   onClear: r,
                   onKeyup: f(r, ["enter"])
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "maxlength", "show-word-limit", "style"])) : u("", !0),
-                e.selectConfig ? (t(), p(M, {
+                e.selectConfig ? (t(), p(v, {
                   key: 1,
                   modelValue: o.formModel[e.prop],
                   "onUpdate:modelValue": (n) => o.formModel[e.prop] = n,
-                  options: e?.selectConfig?.options || [],
-                  props: e.selectConfig?.props || {},
+                  options: m(E)(e),
+                  props: e.selectConfig?.props || o.dictProps,
                   style: a({ width: e.selectConfig.width || o.formItemWidth }),
                   clearable: "",
                   onClear: r,
                   onKeyup: f(r, ["enter"])
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "style"])) : u("", !0),
-                e.datePickerConfig ? (t(), p(v, {
+                e.datePickerConfig ? (t(), p(B, {
                   key: 2,
                   modelValue: o.formModel[e.prop],
                   "onUpdate:modelValue": (n) => o.formModel[e.prop] = n,
@@ -77,8 +77,8 @@ const H = { class: "btnWrapper" }, G = /* @__PURE__ */ q({
                   "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),
+                  format: m(y)(e.datePickerConfig),
+                  "value-format": m(y)(e.datePickerConfig),
                   placeholder: e.datePickerConfig.placeholder || "请选择",
                   style: a({ width: e.datePickerConfig.width ?? "100%" }),
                   onClear: r,
@@ -90,8 +90,8 @@ const H = { class: "btnWrapper" }, G = /* @__PURE__ */ q({
           ]),
           _: 1
         }, 8, ["model", "label-suffix"]),
-        T("div", H, [
-          i(h, {
+        x("div", O, [
+          i(g, {
             type: "primary",
             loading: o.queryLoading,
             onClick: r
@@ -101,7 +101,7 @@ const H = { class: "btnWrapper" }, G = /* @__PURE__ */ q({
             ])]),
             _: 1
           }, 8, ["loading"]),
-          i(h, { onClick: P }, {
+          i(g, { onClick: P }, {
             default: d(() => [...l[2] || (l[2] = [
               k("重置", -1)
             ])]),
@@ -111,7 +111,7 @@ const H = { class: "btnWrapper" }, G = /* @__PURE__ */ q({
       ], 4);
     };
   }
-}), Y = /* @__PURE__ */ Q(G, [["__scopeId", "data-v-734b6bdb"]]);
+}), Z = /* @__PURE__ */ K(G, [["__scopeId", "data-v-b593a1c9"]]);
 export {
-  Y as default
+  Z as default
 };

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

@@ -1,6 +1,6 @@
-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({
+import { bb as s } from "./index-Dz6FLYua.js";
+import { defineComponent as f, defineAsyncComponent as g, resolveComponent as h, createBlock as t, openBlock as n, withCtx as r, createElementBlock as u, Fragment as c, renderList as C, renderSlot as b, mergeProps as d, unref as y, normalizeProps as j, guardReactiveProps as k } from "vue";
+const R = /* @__PURE__ */ f({
   __name: "RecTableColumn",
   props: {
     columnObj: {
@@ -11,16 +11,16 @@ const R = /* @__PURE__ */ m({
       type: String,
       default: "center"
     },
-    extConfig: {
+    tableProps: {
       type: Object,
       default: () => ({})
     }
   },
   setup(l) {
-    const p = C(() => import("./Span-BbXSa8ak.js"));
+    const i = g(() => import("./Span-B_uVhTcx.js"));
     return (a, O) => {
-      const f = s("RecTableColumn", !0), d = g;
-      return n(), t(d, {
+      const m = h("RecTableColumn", !0), p = s;
+      return n(), t(p, {
         label: l.columnObj.label,
         align: l.columnObj.align || l.tableColumnAlign
       }, {
@@ -28,13 +28,13 @@ const R = /* @__PURE__ */ m({
           b(a.$slots, "header", j(k({ label: l.columnObj.label, prop: l.columnObj.prop })))
         ]),
         default: r(() => [
-          (n(!0), u(c, null, h(l.columnObj.children, (e) => (n(), u(c, {
+          (n(!0), u(c, null, C(l.columnObj.children, (e) => (n(), u(c, {
             key: e.prop
           }, [
-            e.children && e.children.length ? (n(), t(f, {
+            e.children && e.children.length ? (n(), t(m, {
               key: 0,
               columnObj: e
-            }, null, 8, ["columnObj"])) : (n(), t(d, {
+            }, null, 8, ["columnObj"])) : (n(), t(p, {
               key: 1,
               label: e.label,
               prop: e.prop,
@@ -44,20 +44,20 @@ const R = /* @__PURE__ */ m({
             }, {
               default: r(({ row: o }) => [
                 e.prop && Object.keys(o).length ? (n(), u(c, { key: 0 }, [
-                  e?.extConfig?.slot ? b(a.$slots, e.prop, i({
+                  e?.extConfig?.slot ? b(a.$slots, e.prop, d({
                     key: 0,
                     ref_for: !0
                   }, {
                     row: o,
                     data: o[e.prop],
                     dict: e.extConfig?.dict
-                  })) : (n(), t(y(p), {
+                  })) : (n(), t(y(i), {
                     key: 1,
                     item: e,
                     data: o[e.prop],
-                    extConfig: l.extConfig
-                  }, null, 8, ["item", "data", "extConfig"]))
-                ], 64)) : b(a.$slots, "default", i({
+                    tableProps: l.tableProps
+                  }, null, 8, ["item", "data", "tableProps"]))
+                ], 64)) : b(a.$slots, "default", d({
                   key: 1,
                   ref_for: !0
                 }, { row: o }))