@zl-ui-kit/components 0.18.2 → 0.18.4

package/dist/components/ZlForm/index.vue.mjs

@@ -1,70 +1,72 @@
-import { defineComponent as A, toRefs as D, ref as b, computed as V, resolveComponent as m, openBlock as n, createBlock as u, mergeProps as c, withCtx as d, createElementBlock as L, Fragment as M, renderList as S, renderSlot as p, createElementVNode as F, toDisplayString as U, createVNode as q, createCommentVNode as x } from "vue";
+import { defineComponent as Z, toRefs as A, ref as V, computed as h, resolveComponent as m, openBlock as n, createBlock as d, mergeProps as c, withCtx as i, createElementBlock as D, Fragment as M, renderList as S, renderSlot as p, createElementVNode as E, toDisplayString as U, createVNode as q, createCommentVNode as x } from "vue";
 import W from "./ZlFormChild.vue.mjs";
 import j from "../ZlIcon/index.vue.mjs";
-const G = { class: "zl-form-item-label" }, E = "onUpdate:modelValue", Q = /* @__PURE__ */ A({
+const G = { class: "zl-form-item-label" }, y = "onUpdate:modelValue", Q = /* @__PURE__ */ Z({
   name: "ZlForm",
   __name: "index",
   props: {
     items: { default: () => [] },
-    model: {}
+    model: {},
+    hideEmptyLabel: { type: Boolean }
   },
-  setup(g, { expose: h }) {
-    const i = g, { items: v } = D(i), y = b(i.model ?? {}), r = V(() => i.model ?? y.value), I = V(() => {
+  setup(F, { expose: g }) {
+    const s = F, { items: v } = A(s), I = V(s.model ?? {}), r = h(() => s.model ?? I.value), P = h(() => {
       const e = [];
       return v.value.forEach((l) => {
         if (!l.model)
           throw new Error("[ZlForm]: form item's model is required!");
         l.defaultValue !== void 0 && r.value[l.model] === void 0 && (r.value[l.model] = l.defaultValue);
       }), v.value.forEach((l) => {
-        if (!P(l)) return;
+        if (!k(l)) return;
         const {
-          visible: s,
+          visible: u,
           props: a,
           tooltip: f,
           formItemProps: o = {},
-          component: $,
-          label: z,
-          model: C,
+          component: N,
+          label: _,
+          model: $,
           defaultValue: H,
-          slot: T,
-          slots: B,
-          ...R
-        } = l, _ = { ...o };
-        delete _.tooltip;
-        const Z = { ...R, ...a ?? {} };
+          slot: B,
+          slots: C,
+          ...T
+        } = l, b = { ...o };
+        delete b.tooltip;
+        const R = { ...T, ...a ?? {} };
         e.push({
-          formItemProps: _,
+          formItemProps: b,
           tooltip: f,
-          component: $,
-          label: z,
-          model: C,
-          slot: T,
-          slots: B,
-          props: k(Z, l.model)
+          component: N,
+          label: _,
+          model: $,
+          slot: B,
+          slots: C,
+          hideLabel: s.hideEmptyLabel && !_,
+          props: w(R, l.model)
         });
       }), e;
-    }), t = b(null);
-    function P(e) {
+    }), t = V(null);
+    function k(e) {
       const l = e.visible;
       return l === void 0 ? !0 : l === !1 || typeof l == "function" && !l(r.value, e) ? !1 : !!l;
     }
-    function k(e = {}, l) {
-      const s = e[E];
-      return e[E] = (a) => {
-        r.value[l] = a, s?.(a);
+    function w(e = {}, l) {
+      const u = e[y];
+      return e[y] = (a) => {
+        r.value[l] = a, u?.(a);
       }, e;
     }
-    async function w(e) {
+    async function L(e) {
       return await t.value?.validate(e) ?? !0;
     }
-    async function N(e, l) {
+    async function z(e, l) {
       return await t.value?.validateField(e, l) ?? !0;
     }
-    return h({
+    return g({
       /** 校验整个表单；同 `el-form.validate()`（无回调时失败会 reject 错误字段集合；0.9.0 及更早成功时返回 `undefined`） */
-      validate: w,
+      validate: L,
       /** 校验指定字段（字段名或数组），语义同 `validate()` */
-      validateField: N,
+      validateField: z,
       /** 重置字段并清除校验结果；不传参重置全部 */
       resetFields: (e) => t.value?.resetFields(e),
       /** 清除校验提示；不传参清除全部 */
@@ -84,30 +86,31 @@ const G = { class: "zl-form-item-label" }, E = "onUpdate:modelValue", Q = /* @__
         return t.value;
       }
     }), (e, l) => {
-      const s = m("el-tooltip"), a = m("el-form-item"), f = m("el-form");
-      return n(), u(f, c({
+      const u = m("el-tooltip"), a = m("el-form-item"), f = m("el-form");
+      return n(), d(f, c({
         ref_key: "formRef",
         ref: t,
         class: "zl-form",
         model: r.value
       }, { labelWidth: "auto", ...e.$attrs }), {
-        default: d(() => [
-          (n(!0), L(M, null, S(I.value, (o) => (n(), u(a, c({
+        default: i(() => [
+          (n(!0), D(M, null, S(P.value, (o) => (n(), d(a, c({
             key: o.model,
             label: o.label,
-            prop: o.model
+            prop: o.model,
+            class: { "zl-form-item--no-label": o.hideLabel }
           }, { ref_for: !0 }, o.formItemProps), {
-            label: d(() => [
-              F("span", G, [
+            label: i(() => [
+              E("span", G, [
                 p(e.$slots, "label", c({ ref_for: !0 }, { label: o.label, item: o }), () => [
-                  F("span", null, U(o.label), 1)
+                  E("span", null, U(o.label), 1)
                 ]),
-                o.tooltip ? (n(), u(s, {
+                o.tooltip ? (n(), d(u, {
                   key: 0,
                   content: o.tooltip,
                   placement: "top"
                 }, {
-                  default: d(() => [
+                  default: i(() => [
                     q(j, {
                       class: "zl-form-item-label__tooltip",
                       icon: "zl:help-color"
@@ -117,18 +120,18 @@ const G = { class: "zl-form-item-label" }, E = "onUpdate:modelValue", Q = /* @__
                 }, 8, ["content"])) : x("", !0)
               ])
             ]),
-            default: d(() => [
+            default: i(() => [
               o.slot ? p(e.$slots, o.model, {
                 model: r.value,
                 field: o
-              }, void 0, void 0, 0) : (n(), u(W, {
+              }, void 0, void 0, 0) : (n(), d(W, {
                 key: 1,
                 item: o,
                 "model-value": r.value[o.model]
               }, null, 8, ["item", "model-value"]))
             ]),
             _: 2
-          }, 1040, ["label", "prop"]))), 128)),
+          }, 1040, ["label", "prop", "class"]))), 128)),
           p(e.$slots, "default")
         ]),
         _: 3

package/dist/components/ZlLayoutSwitch/index.css

@@ -1 +1 @@
-.zl-layout-switch .el-radio-button[data-v-13a0ea85]{line-height:1;font-size:14px;padding:9px}
+.zl-layout-switch[data-v-5a70314a] .el-radio-button__inner{display:inline-flex;align-items:center;gap:4px;line-height:1;padding:8px 12px;font-size:14px}.zl-layout-switch__text[data-v-5a70314a]{font-size:12px;line-height:1}

package/dist/components/ZlLayoutSwitch/index.vue.d.ts

@@ -1,6 +1,14 @@
 type __VLS_Props = {
     /** 已废弃，请用 `modelValue`；仅在未双向绑定时作为当前布局 */
     value?: 'grid' | 'table';
+    /** 网格按钮文案：缺省走 i18n（卡片），传空字符串则只显示图标 */
+    gridText?: string;
+    /** 表格按钮文案：缺省走 i18n（列表），传空字符串则只显示图标 */
+    tableText?: string;
+    /** 网格按钮图标（`zl:` 图标名，不带前缀）：缺省 `table` */
+    gridIcon?: string;
+    /** 列表按钮图标（`zl:` 图标名，不带前缀）：缺省 `list-color` */
+    tableIcon?: string;
 };
 type __VLS_PublicProps = {
     'modelValue'?: 'grid' | 'table';
@@ -11,6 +19,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:modelValue"?: ((value: "table" | "grid") => any) | undefined;
 }>, {
     value: "grid" | "table";
+    gridIcon: string;
+    tableIcon: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=index.vue.d.ts.map

package/dist/components/ZlLayoutSwitch/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-13a0ea85"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5a70314a"]]);
 export {
   p as default
 };

package/dist/components/ZlLayoutSwitch/index2.vue.mjs

@@ -1,38 +1,46 @@
-import { defineComponent as s, computed as v, useModel as p, resolveComponent as n, openBlock as l, createBlock as r, withCtx as d, createElementBlock as _, Fragment as f, renderList as b, createVNode as g, mergeModels as w } from "vue";
-import { useZlT as y } from "@zl-ui-kit/composables";
-import V from "../ZlIcon/index.vue.mjs";
-const B = /* @__PURE__ */ s({
+import { defineComponent as v, computed as _, useModel as p, resolveComponent as r, openBlock as t, createBlock as d, withCtx as c, createElementBlock as i, Fragment as f, renderList as g, createVNode as x, toDisplayString as y, createCommentVNode as h, mergeModels as w } from "vue";
+import { useZlT as V } from "@zl-ui-kit/composables";
+import k from "../ZlIcon/index.vue.mjs";
+const z = {
+  key: 0,
+  class: "zl-layout-switch__text"
+}, B = /* @__PURE__ */ v({
   name: "ZlLayoutSwitch",
   __name: "index",
   props: /* @__PURE__ */ w({
-    value: { default: "grid" }
+    value: { default: "grid" },
+    gridText: {},
+    tableText: {},
+    gridIcon: { default: "table" },
+    tableIcon: { default: "list-color" }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const { t } = y(), i = v(() => [
-      { label: t("zl.layoutSwitch.grid", "网格"), value: "grid", icon: "menu-card" },
-      { label: t("zl.layoutSwitch.table", "表格"), value: "table", icon: "menu-list" }
-    ]), a = p(o, "modelValue");
-    return (h, u) => {
-      const m = n("el-radio-button"), c = n("el-radio-group");
-      return l(), r(c, {
+    const l = o, { t: a } = V(), s = _(() => [
+      { label: l.gridText ?? a("zl.layoutSwitch.grid", "卡片"), value: "grid", icon: l.gridIcon },
+      { label: l.tableText ?? a("zl.layoutSwitch.table", "列表"), value: "table", icon: l.tableIcon }
+    ]), u = p(o, "modelValue");
+    return (I, n) => {
+      const m = r("el-radio-button"), b = r("el-radio-group");
+      return t(), d(b, {
         class: "zl-layout-switch",
-        "model-value": a.value ?? o.value,
-        "onUpdate:modelValue": u[0] || (u[0] = (e) => a.value = e)
+        "model-value": u.value ?? o.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (e) => u.value = e)
       }, {
-        default: d(() => [
-          (l(!0), _(f, null, b(i.value, (e) => (l(), r(m, {
+        default: c(() => [
+          (t(!0), i(f, null, g(s.value, (e) => (t(), d(m, {
             key: e.value,
             value: e.value,
             title: e.label
           }, {
-            default: d(() => [
-              g(V, {
+            default: c(() => [
+              x(k, {
                 icon: `zl:${e.icon}`
-              }, null, 8, ["icon"])
+              }, null, 8, ["icon"]),
+              e.label ? (t(), i("span", z, y(e.label), 1)) : h("", !0)
             ]),
             _: 2
           }, 1032, ["value", "title"]))), 128))

package/dist/components/ZlSearch/index.vue.d.ts

@@ -14,6 +14,8 @@ type __VLS_Props = {
     disabled?: boolean;
     /** 是否展示「筛选条件」标签行；不传时按「是否发生溢出」自动判定 */
     labelsVisible?: boolean;
+    /** 表单项 label 为空时是否不渲染 label 占位，透传给 ZlForm 的 hideEmptyLabel */
+    hideEmptyLabel?: boolean;
     /**
      * 已废弃，请用 `labelsVisible`
      *
@@ -36,6 +38,7 @@ declare function __VLS_template(): {
             slot?: boolean;
             slots?: Record<string, any>;
             props: Record<string, any>;
+            hideLabel?: boolean;
         };
     }) => any>> & Partial<Record<string, (_: {
         model: Record<string, any>;
@@ -48,6 +51,7 @@ declare function __VLS_template(): {
             slot?: boolean;
             slots?: Record<string, any>;
             props: Record<string, any>;
+            hideLabel?: boolean;
         };
     }) => any>> & {
         actions?(_: {}): any;
@@ -59,6 +63,7 @@ declare function __VLS_template(): {
             $props: {
                 readonly items: import('../..').FormItem[];
                 readonly model?: Record<string, any> | undefined;
+                readonly hideEmptyLabel?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
             $refs: {
@@ -77,6 +82,7 @@ declare function __VLS_template(): {
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 items: import('../..').FormItem[];
                 model?: Record<string, any>;
+                hideEmptyLabel?: boolean;
             }> & Readonly<{}>, {
                 validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
                 validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -114,6 +120,7 @@ declare function __VLS_template(): {
         }> & Omit<Readonly<{
             items: import('../..').FormItem[];
             model?: Record<string, any>;
+            hideEmptyLabel?: boolean;
         }> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
             validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
             validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -136,6 +143,7 @@ declare function __VLS_template(): {
                     slot?: boolean;
                     slots?: Record<string, any>;
                     props: Record<string, any>;
+                    hideLabel?: boolean;
                 };
             }) => any>> & {
                 label?(_: {
@@ -149,6 +157,7 @@ declare function __VLS_template(): {
                         slot?: boolean;
                         slots?: Record<string, any>;
                         props: Record<string, any>;
+                        hideLabel?: boolean;
                     };
                 }): any;
                 default?(_: {}): any;
@@ -160,6 +169,7 @@ declare function __VLS_template(): {
             $props: {
                 readonly items: import('../..').FormItem[];
                 readonly model?: Record<string, any> | undefined;
+                readonly hideEmptyLabel?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
             $refs: {
@@ -178,6 +188,7 @@ declare function __VLS_template(): {
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 items: import('../..').FormItem[];
                 model?: Record<string, any>;
+                hideEmptyLabel?: boolean;
             }> & Readonly<{}>, {
                 validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
                 validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -215,6 +226,7 @@ declare function __VLS_template(): {
         }> & Omit<Readonly<{
             items: import('../..').FormItem[];
             model?: Record<string, any>;
+            hideEmptyLabel?: boolean;
         }> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
             validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
             validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -237,6 +249,7 @@ declare function __VLS_template(): {
                     slot?: boolean;
                     slots?: Record<string, any>;
                     props: Record<string, any>;
+                    hideLabel?: boolean;
                 };
             }) => any>> & {
                 label?(_: {
@@ -250,6 +263,7 @@ declare function __VLS_template(): {
                         slot?: boolean;
                         slots?: Record<string, any>;
                         props: Record<string, any>;
+                        hideLabel?: boolean;
                     };
                 }): any;
                 default?(_: {}): any;
@@ -276,6 +290,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     disabled: boolean;
     immediate: boolean;
     items: SearchItem[];
+    hideEmptyLabel: boolean;
     labelsVisible: boolean;
     showLabels: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -285,6 +300,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         $props: {
             readonly items: import('../..').FormItem[];
             readonly model?: Record<string, any> | undefined;
+            readonly hideEmptyLabel?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
         $refs: {
@@ -303,6 +319,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         $options: import('vue').ComponentOptionsBase<Readonly<{
             items: import('../..').FormItem[];
             model?: Record<string, any>;
+            hideEmptyLabel?: boolean;
         }> & Readonly<{}>, {
             validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
             validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -340,6 +357,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     }> & Omit<Readonly<{
         items: import('../..').FormItem[];
         model?: Record<string, any>;
+        hideEmptyLabel?: boolean;
     }> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
         validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
         validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -362,6 +380,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                 slot?: boolean;
                 slots?: Record<string, any>;
                 props: Record<string, any>;
+                hideLabel?: boolean;
             };
         }) => any>> & {
             label?(_: {
@@ -375,6 +394,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                     slot?: boolean;
                     slots?: Record<string, any>;
                     props: Record<string, any>;
+                    hideLabel?: boolean;
                 };
             }): any;
             default?(_: {}): any;
@@ -386,6 +406,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         $props: {
             readonly items: import('../..').FormItem[];
             readonly model?: Record<string, any> | undefined;
+            readonly hideEmptyLabel?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
         $refs: {
@@ -404,6 +425,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         $options: import('vue').ComponentOptionsBase<Readonly<{
             items: import('../..').FormItem[];
             model?: Record<string, any>;
+            hideEmptyLabel?: boolean;
         }> & Readonly<{}>, {
             validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
             validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -441,6 +463,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     }> & Omit<Readonly<{
         items: import('../..').FormItem[];
         model?: Record<string, any>;
+        hideEmptyLabel?: boolean;
     }> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
         validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
         validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -463,6 +486,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                 slot?: boolean;
                 slots?: Record<string, any>;
                 props: Record<string, any>;
+                hideLabel?: boolean;
             };
         }) => any>> & {
             label?(_: {
@@ -476,6 +500,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                     slot?: boolean;
                     slots?: Record<string, any>;
                     props: Record<string, any>;
+                    hideLabel?: boolean;
                 };
             }): any;
             default?(_: {}): any;