@fangzhongya/fang-ui 0.1.37 → 0.1.39

package/dist/components/tables/common/com-fig2.cjs

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$1 = require("../../image/index.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "com-fig",
+  props: {
+    prefix: String,
+    maxHeight: {
+      type: String,
+      default: "100px"
+    },
+    class: {
+      type: String
+    },
+    style: {
+      type: Object
+    },
+    modelValue: {
+      type: [String, Array]
+    },
+    listobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    valueobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    comscope: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const cs = index.useCssName("com-fig");
+    const props = __props;
+    const value = vue.computed(() => {
+      const v = props.modelValue || void 0;
+      let arr;
+      if (typeof v === "string") {
+        arr = v.split(",");
+      } else {
+        arr = v;
+      }
+      if (props.prefix) {
+        return arr == null ? void 0 : arr.map((r) => {
+          return props.prefix + r;
+        });
+      } else {
+        return arr;
+      }
+    });
+    __expose({});
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return value.value && value.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: vue.normalizeClass([vue.unref(cs).z(), props.class]),
+        style: vue.normalizeStyle({
+          maxHeight: props.maxHeight,
+          ...props.style
+        })
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(value.value, (item, index2) => {
+          return vue.openBlock(), vue.createBlock(vue.unref(index$1.Image), {
+            key: index2,
+            fit: "contain",
+            src: item,
+            "preview-teleported": "",
+            "preview-src-list": value.value
+          }, null, 8, ["src", "preview-src-list"]);
+        }), 128))
+      ], 6)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+        vue.createTextVNode(vue.toDisplayString((_b = (_a = props.comscope) == null ? void 0 : _a.config) == null ? void 0 : _b.emptyDisplay), 1)
+      ], 64));
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/tables/common/com-fig2.js

@@ -0,0 +1,92 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
+import { Image } from "../../image/index.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "com-fig",
+  props: {
+    prefix: String,
+    maxHeight: {
+      type: String,
+      default: "100px"
+    },
+    class: {
+      type: String
+    },
+    style: {
+      type: Object
+    },
+    modelValue: {
+      type: [String, Array]
+    },
+    listobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    valueobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    comscope: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const cs = useCssName("com-fig");
+    const props = __props;
+    const value = computed(() => {
+      const v = props.modelValue || void 0;
+      let arr;
+      if (typeof v === "string") {
+        arr = v.split(",");
+      } else {
+        arr = v;
+      }
+      if (props.prefix) {
+        return arr == null ? void 0 : arr.map((r) => {
+          return props.prefix + r;
+        });
+      } else {
+        return arr;
+      }
+    });
+    __expose({});
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return value.value && value.value.length > 0 ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass([unref(cs).z(), props.class]),
+        style: normalizeStyle({
+          maxHeight: props.maxHeight,
+          ...props.style
+        })
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(value.value, (item, index) => {
+          return openBlock(), createBlock(unref(Image), {
+            key: index,
+            fit: "contain",
+            src: item,
+            "preview-teleported": "",
+            "preview-src-list": value.value
+          }, null, 8, ["src", "preview-src-list"]);
+        }), 128))
+      ], 6)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        createTextVNode(toDisplayString((_b = (_a = props.comscope) == null ? void 0 : _a.config) == null ? void 0 : _b.emptyDisplay), 1)
+      ], 64));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/tables/common/com-lis.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const comLis_vue_vue_type_script_setup_true_lang = require("./com-lis2.cjs");
+exports.default = comLis_vue_vue_type_script_setup_true_lang.default;

package/dist/components/tables/common/com-lis.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./com-lis2.js";
+export {
+  _sfc_main as default
+};

package/dist/components/tables/common/com-lis2.cjs

@@ -0,0 +1,151 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const util = require("./util.cjs");
+const use = require("../../common/use.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "com-lis",
+  props: {
+    class: {
+      type: [String, Function]
+    },
+    formatter: Function,
+    modelValue: {
+      type: String
+    },
+    list: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    listobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    valueobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    comscope: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["lis"],
+  setup(__props, { emit: __emit }) {
+    const cs = index.useCssName("com-lis");
+    const props = __props;
+    const emit = __emit;
+    const className = vue.computed(() => {
+      if (props.class) {
+        if (typeof props.class == "function") {
+          return props.class(
+            props.valueobj,
+            props.listobj,
+            props.modelValue,
+            0,
+            props.comscope
+          );
+        } else {
+          return props.class;
+        }
+      }
+      return;
+    });
+    function setValue(item, index2) {
+      const value = use.useGetDomValue(
+        item,
+        props.valueobj,
+        props.comscope.options,
+        index2
+      );
+      return { ...item, value };
+    }
+    function getValue() {
+      if (props.formatter) {
+        return props.formatter(
+          props.valueobj,
+          props.listobj,
+          props.modelValue,
+          0,
+          props.comscope
+        );
+      } else {
+        const v = props.list || [{ value: props.modelValue }];
+        return v.map((o, i) => {
+          return setValue(o, i);
+        });
+      }
+    }
+    const valueArr = vue.computed(() => {
+      return getValue();
+    });
+    const emptyDisplay = vue.computed(() => {
+      var _a, _b, _c;
+      let is = true;
+      for (const obj of valueArr.value) {
+        const v = util.setEmptyDisplay(
+          obj.value,
+          (_a = props.comscope.config) == null ? void 0 : _a.emptyDisplay,
+          (_b = props.comscope.config) == null ? void 0 : _b.isEmptyStr
+        );
+        if (!v) {
+          is = false;
+        }
+      }
+      if (is) {
+        return (_c = props.comscope.config) == null ? void 0 : _c.emptyDisplay;
+      }
+    });
+    function onClickList(obj, index2, $event) {
+      var _a;
+      util.eventAliass(
+        (callback) => {
+          callback(
+            "lis",
+            obj,
+            props.valueobj,
+            props.listobj,
+            props.comscope
+          );
+        },
+        "click",
+        ((_a = props.listobj) == null ? void 0 : _a.events) || {},
+        $event
+      );
+      emit("lis", obj, index2);
+    }
+    return (_ctx, _cache) => {
+      return emptyDisplay.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+        vue.createTextVNode(vue.toDisplayString(emptyDisplay.value), 1)
+      ], 64)) : (vue.openBlock(), vue.createElementBlock("span", {
+        key: 1,
+        class: vue.normalizeClass([vue.unref(cs).z(), className.value])
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(valueArr.value, (item, index2) => {
+          return vue.openBlock(), vue.createElementBlock("span", {
+            key: index2,
+            class: vue.normalizeClass([vue.unref(cs).z("li"), item.class]),
+            style: vue.normalizeStyle(item.style),
+            onClick: ($event) => onClickList(item, index2, $event)
+          }, vue.toDisplayString(item.value), 15, _hoisted_1);
+        }), 128))
+      ], 2));
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/tables/common/com-lis2.js

@@ -0,0 +1,151 @@
+import { defineComponent, computed, createElementBlock, openBlock, Fragment, createTextVNode, toDisplayString, normalizeClass, unref, renderList, normalizeStyle } from "vue";
+import { setEmptyDisplay, eventAliass } from "./util.js";
+import { useGetDomValue } from "../../common/use.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "com-lis",
+  props: {
+    class: {
+      type: [String, Function]
+    },
+    formatter: Function,
+    modelValue: {
+      type: String
+    },
+    list: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    listobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    valueobj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    comscope: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["lis"],
+  setup(__props, { emit: __emit }) {
+    const cs = useCssName("com-lis");
+    const props = __props;
+    const emit = __emit;
+    const className = computed(() => {
+      if (props.class) {
+        if (typeof props.class == "function") {
+          return props.class(
+            props.valueobj,
+            props.listobj,
+            props.modelValue,
+            0,
+            props.comscope
+          );
+        } else {
+          return props.class;
+        }
+      }
+      return;
+    });
+    function setValue(item, index) {
+      const value = useGetDomValue(
+        item,
+        props.valueobj,
+        props.comscope.options,
+        index
+      );
+      return { ...item, value };
+    }
+    function getValue() {
+      if (props.formatter) {
+        return props.formatter(
+          props.valueobj,
+          props.listobj,
+          props.modelValue,
+          0,
+          props.comscope
+        );
+      } else {
+        const v = props.list || [{ value: props.modelValue }];
+        return v.map((o, i) => {
+          return setValue(o, i);
+        });
+      }
+    }
+    const valueArr = computed(() => {
+      return getValue();
+    });
+    const emptyDisplay = computed(() => {
+      var _a, _b, _c;
+      let is = true;
+      for (const obj of valueArr.value) {
+        const v = setEmptyDisplay(
+          obj.value,
+          (_a = props.comscope.config) == null ? void 0 : _a.emptyDisplay,
+          (_b = props.comscope.config) == null ? void 0 : _b.isEmptyStr
+        );
+        if (!v) {
+          is = false;
+        }
+      }
+      if (is) {
+        return (_c = props.comscope.config) == null ? void 0 : _c.emptyDisplay;
+      }
+    });
+    function onClickList(obj, index, $event) {
+      var _a;
+      eventAliass(
+        (callback) => {
+          callback(
+            "lis",
+            obj,
+            props.valueobj,
+            props.listobj,
+            props.comscope
+          );
+        },
+        "click",
+        ((_a = props.listobj) == null ? void 0 : _a.events) || {},
+        $event
+      );
+      emit("lis", obj, index);
+    }
+    return (_ctx, _cache) => {
+      return emptyDisplay.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createTextVNode(toDisplayString(emptyDisplay.value), 1)
+      ], 64)) : (openBlock(), createElementBlock("span", {
+        key: 1,
+        class: normalizeClass([unref(cs).z(), className.value])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(valueArr.value, (item, index) => {
+          return openBlock(), createElementBlock("span", {
+            key: index,
+            class: normalizeClass([unref(cs).z("li"), item.class]),
+            style: normalizeStyle(item.style),
+            onClick: ($event) => onClickList(item, index, $event)
+          }, toDisplayString(item.value), 15, _hoisted_1);
+        }), 128))
+      ], 2));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/tables/common/pagin.d.ts

@@ -93,6 +93,16 @@ export declare const dataProps: {
     };
 };
 export declare const dataEmit: string[];
+/**
+ * 初始化表格组件的核心逻辑，包括分页、排序、选择、跨页多选等功能。
+ *
+ * @param props 组件传入的属性对象，包含配置信息和事件回调等
+ * @param emit 用于触发自定义事件的方法
+ * @param refTable 表格实例引用，用于调用表格方法（如清空选中）
+ * @param getLocale 国际化翻译函数
+ * @param defaultConfig 默认表格配置项
+ * @returns 包含各种状态、方法和响应式数据的对象
+ */
 export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit: Function, refTable: Ref, getLocale: Translator, defaultConfig?: TableConfig) => {
     height: ComputedRef<any>;
     tableConfig: Ref<{
@@ -232,10 +242,14 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
         hide?: (boolean | HideFun) | undefined;
         rules?: any[] | undefined;
         rule?: string | boolean | 0 | 1 | {
-            type: 1 | 2;
-            must: boolean;
-            judge: string;
+            trigger?: string | string[] | number | undefined;
+            required?: boolean | undefined;
+            judge?: (string | Function) | undefined;
             error?: string | undefined;
+            linkage?: string | {
+                prop?: string | undefined;
+                judge?: Function | undefined;
+            } | undefined;
         } | undefined;
         class?: string | undefined;
         style?: (ObjAny | SetFun) | undefined;
@@ -266,10 +280,14 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
         hide?: (boolean | HideFun) | undefined;
         rules?: any[] | undefined;
         rule?: string | boolean | 0 | 1 | {
-            type: 1 | 2;
-            must: boolean;
-            judge: string;
+            trigger?: string | string[] | number | undefined;
+            required?: boolean | undefined;
+            judge?: (string | Function) | undefined;
             error?: string | undefined;
+            linkage?: string | {
+                prop?: string | undefined;
+                judge?: Function | undefined;
+            } | undefined;
         } | undefined;
         class?: string | undefined;
         style?: (ObjAny | SetFun) | undefined;

package/dist/components/tables/common/util.cjs

@@ -1,9 +1,47 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
+const use = require("../../common/use.cjs");
 const firstUpper = require("@fangzhongya/utils/basic/string/firstUpper");
 const splitUpper = require("@fangzhongya/utils/basic/string/splitUpper");
 const getAttrValue = require("../../../utils/vues/getAttrValue.cjs");
+const css = require("../../../utils/css.cjs");
+function getVNodeWidth(vnode) {
+  const container = document.createElement("div");
+  Object.assign(container.style, {
+    position: "absolute",
+    left: "-9999px",
+    top: "-9999px",
+    whiteSpace: "pre-wrap",
+    display: "inline-block",
+    visibility: "hidden"
+  });
+  document.body.appendChild(container);
+  vue.render(vnode, container);
+  const width = container.offsetWidth;
+  container.remove();
+  vue.render(null, container);
+  return width;
+}
+function setLabelWidth(obj, config) {
+  let label = use.useGetDomLabel(obj, {}, {}, {}, {}, () => {
+  }, 0);
+  if (!vue.isVNode(label)) {
+    label = vue.h(
+      "div",
+      {
+        style: {
+          whiteSpace: "pre-wrap",
+          display: "inline-block"
+        }
+      },
+      label
+    );
+  }
+  const width = getVNodeWidth(label);
+  const interval = config.intervalHorizon ?? config.interval;
+  return width + css.getCssNumber(interval) * 2;
+}
 function setMinWidth(obj, props) {
   const config = (props == null ? void 0 : props.table) ?? {};
   if (obj.width) {
@@ -14,16 +52,18 @@ function setMinWidth(obj, props) {
     if (typeof minWidth == "function") {
       return minWidth(obj, config);
     } else if (typeof minWidth == "boolean") {
-      return (obj.label || "").length * 16 + 24;
+      return setLabelWidth(obj, config);
     } else {
       return minWidth;
     }
   } else {
     const minWidth2 = getAttrValue.getAttrValue(config, "minWidth");
-    if (minWidth2) {
-      return minWidth2;
+    if (typeof minWidth2 == "function") {
+      return minWidth2(obj, config);
+    } else if (typeof minWidth2 == "boolean") {
+      return setLabelWidth(obj, config);
     } else {
-      return;
+      return minWidth2;
     }
   }
 }
@@ -112,5 +152,17 @@ function eventAliass(callback, arr, obj, $event) {
   }
   return is;
 }
+function setEmptyDisplay(value, emptyDisplay, isStr) {
+  if (isStr) {
+    if (value === "" || value === void 0 || value === null) {
+      return emptyDisplay;
+    }
+  } else {
+    if (value === void 0 || value === null) {
+      return emptyDisplay;
+    }
+  }
+}
 exports.eventAliass = eventAliass;
+exports.setEmptyDisplay = setEmptyDisplay;
 exports.setMinWidth = setMinWidth;

package/dist/components/tables/common/util.d.ts

@@ -1,3 +1,9 @@
+/**
+ * 设置对象的最小宽度
+ * @param obj - 需要设置最小宽度的对象
+ * @param props - 可选的配置属性对象
+ * @returns 返回设置的最小宽度值，可能为具体数值、函数执行结果或undefined
+ */
 export declare function setMinWidth(obj: ObjAny, props?: ObjAny): any;
 /**
  * 支持事件别名处理
@@ -7,3 +13,11 @@ export declare function setMinWidth(obj: ObjAny, props?: ObjAny): any;
  * @param {*} $event
  */
 export declare function eventAliass(callback: Function, arr: string | string[], obj: ObjAny, $event: Event): boolean;
+/**
+ * 设置空值显示内容
+ * @param value 需要检查的值
+ * @param emptyDisplay 空值时显示的内容，默认为undefined
+ * @param isStr 是否为字符串类型检查，默认为undefined
+ * @returns 如果值为空则返回emptyDisplay，否则返回undefined
+ */
+export declare function setEmptyDisplay(value: any, emptyDisplay?: string, isStr?: boolean): string | undefined;