@fangzhongya/fang-ui 0.1.36 → 0.1.38

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

@@ -232,10 +232,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 +270,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

@@ -112,5 +112,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

@@ -7,3 +7,4 @@ 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;
+export declare function setEmptyDisplay(value: any, emptyDisplay?: string, isStr?: boolean): string | undefined;

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

@@ -110,7 +110,19 @@ 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;
+    }
+  }
+}
 export {
   eventAliass,
+  setEmptyDisplay,
   setMinWidth
 };

package/dist/components/tables/src/column.cjs

@@ -55,7 +55,7 @@ function setSslot(obj, scope, emit, slots, props, index$12) {
         index.useComponsGet(config.provides.compons),
         emit,
         index$12,
-        scope
+        { ...scope, options: props.options, config: props.table }
       );
       if (column) {
         return column;
@@ -91,9 +91,12 @@ function defaultDom(obj, scope, props, index2) {
         }
       }
     },
-    domValue ?? table.emptyDisplay ?? ""
+    setDomValue(domValue, table)
   );
 }
+function setDomValue(domValue, table) {
+  return (util.setEmptyDisplay(domValue, table.emptyDisplay, table.isEmptyStr) || domValue) ?? "";
+}
 function setHeader(obj, scope, slots, emit, props, index$12) {
   const optionss = props.options || {};
   return use.useGetDomLabel(

package/dist/components/tables/src/column.js

@@ -3,7 +3,7 @@ import { useSetSlot, useSetCompon, useGetDomValue, useGetDomLabel } from "../../
 import { getAttrValue } from "../../../utils/vues/getAttrValue.js";
 import { useComponsGet } from "../../../hooks/compons/index.js";
 import { provides } from "../common/config.js";
-import { setMinWidth } from "../common/util.js";
+import { setEmptyDisplay, setMinWidth } from "../common/util.js";
 import { lineToSmallHump } from "@fangzhongya/utils/name/lineToSmallHump";
 import { TableColumn } from "../../table-column/index.js";
 const noProps = /* @__PURE__ */ new Set(["children", "class", "minWidth", "label"]);
@@ -53,7 +53,7 @@ function setSslot(obj, scope, emit, slots, props, index) {
         useComponsGet(provides.compons),
         emit,
         index,
-        scope
+        { ...scope, options: props.options, config: props.table }
       );
       if (column) {
         return column;
@@ -89,9 +89,12 @@ function defaultDom(obj, scope, props, index) {
         }
       }
     },
-    domValue ?? table.emptyDisplay ?? ""
+    setDomValue(domValue, table)
   );
 }
+function setDomValue(domValue, table) {
+  return (setEmptyDisplay(domValue, table.emptyDisplay, table.isEmptyStr) || domValue) ?? "";
+}
 function setHeader(obj, scope, slots, emit, props, index) {
   const optionss = props.options || {};
   return useGetDomLabel(

package/dist/components/tables/src/columns2.cjs

@@ -2,15 +2,17 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const columns = require("./columns3.cjs");
-require("../common/table-but.cjs");
-require("../common/table-color.cjs");
-require("../common/table-list.cjs");
-const tableList_vue_vue_type_script_setup_true_lang = require("../common/table-list2.cjs");
-const tableColor_vue_vue_type_script_setup_true_lang = require("../common/table-color2.cjs");
-const tableBut_vue_vue_type_script_setup_true_lang = require("../common/table-but2.cjs");
+require("../common/com-but.cjs");
+require("../common/com-color.cjs");
+require("../common/com-lis.cjs");
+require("../common/com-fig.cjs");
+const comFig_vue_vue_type_script_setup_true_lang = require("../common/com-fig2.cjs");
+const comLis_vue_vue_type_script_setup_true_lang = require("../common/com-lis2.cjs");
+const comColor_vue_vue_type_script_setup_true_lang = require("../common/com-color2.cjs");
+const comBut_vue_vue_type_script_setup_true_lang = require("../common/com-but2.cjs");
 const _sfc_main = vue.defineComponent({
   emits: ["list-events"],
-  components: { But: tableBut_vue_vue_type_script_setup_true_lang.default, Color: tableColor_vue_vue_type_script_setup_true_lang.default, List: tableList_vue_vue_type_script_setup_true_lang.default },
+  components: { But: comBut_vue_vue_type_script_setup_true_lang.default, Color: comColor_vue_vue_type_script_setup_true_lang.default, Lis: comLis_vue_vue_type_script_setup_true_lang.default, Fig: comFig_vue_vue_type_script_setup_true_lang.default },
   expose: [],
   props: {
     list: Array,

package/dist/components/tables/src/columns2.js

@@ -1,14 +1,16 @@
 import { defineComponent } from "vue";
 import { render } from "./columns3.js";
-import "../common/table-but.js";
-import "../common/table-color.js";
-import "../common/table-list.js";
-import _sfc_main$1 from "../common/table-list2.js";
-import _sfc_main$2 from "../common/table-color2.js";
-import _sfc_main$3 from "../common/table-but2.js";
+import "../common/com-but.js";
+import "../common/com-color.js";
+import "../common/com-lis.js";
+import "../common/com-fig.js";
+import _sfc_main$1 from "../common/com-fig2.js";
+import _sfc_main$2 from "../common/com-lis2.js";
+import _sfc_main$3 from "../common/com-color2.js";
+import _sfc_main$4 from "../common/com-but2.js";
 const _sfc_main = defineComponent({
   emits: ["list-events"],
-  components: { But: _sfc_main$3, Color: _sfc_main$2, List: _sfc_main$1 },
+  components: { But: _sfc_main$4, Color: _sfc_main$3, Lis: _sfc_main$2, Fig: _sfc_main$1 },
   expose: [],
   props: {
     list: Array,

package/dist/components/tables/src/data.d.ts

@@ -166,10 +166,10 @@ export declare const dataEmits: string[];
 export type DataEmits = typeof dataEmits;
 /**
  * @expose clearSelection ( ) 清除多选
- * @expose toggleRowSelectionList (row, selected, key ) 切换选择
- * @expose clearSelectionList ( ) 清空选中
+ * @expose toggleRowSelection (row, selected, key ) 切换选择
+ * @expose clearCurrentRow ( ) 清空选中
  * @expose { Object: {  value: 值,
                     list: 当前列,
-                    key: key的名称,} } getRowSelectionsCheckList (row, key ) 获取选中的值
+                    key: key的名称,} } getSelections (row, key ) 获取选中的值
  */
 export declare const dataExpose: {};

package/dist/components/tables/style/index2.scss

@@ -2,4 +2,5 @@
 @use '../../table-column/style/index2.scss' as *;
 @use '../../table/style/index2.scss' as *;
 @use '../../button/style/index2.scss' as *;
+@use '../../image/style/index2.scss' as *;
 @use '../index.scss' as *;

package/dist/components/tablesv/src/column.cjs

@@ -40,7 +40,7 @@ function handlePropertyMapping(value, ckey, obj, robj, vxeconfig, table) {
   const propertyHandlers = {
     showOverflow: () => robj["show-overflow"] = value ? "tooltip" : void 0,
     showOverflowTooltip: () => robj["show-overflow"] = value ? "tooltip" : void 0,
-    label: () => robj["title"] = value,
+    // label: () => (robj['title'] = value),
     sortable: () => robj[ckey] = value ? true : void 0,
     prop: () => robj["field"] = value,
     fixed: () => robj["fixed"] = value === true ? "left" : value,
@@ -86,7 +86,7 @@ function setSslot(obj, scope, emit, slots, props, index$12) {
         index.useComponsGet(config.provides.compons),
         emit,
         index$12,
-        scope
+        { ...scope, options: props.options, config: props.table }
       );
       if (column2) {
         return column2;
@@ -111,7 +111,7 @@ function defaultDom(obj, scope, props, index2) {
   } else if (obj.type == "selection") {
     return;
   }
-  domValue = use.useGetDomValue(obj, scope.row, props.options, scope.$index);
+  domValue = use.useGetDomValue(obj, scope.row, props.options, scope.$rowIndex);
   return vue.h(
     "span",
     {
@@ -122,9 +122,12 @@ function defaultDom(obj, scope, props, index2) {
         }
       }
     },
-    domValue ?? table.emptyDisplay ?? ""
+    setDomValue(domValue, table)
   );
 }
+function setDomValue(domValue, table) {
+  return (util.setEmptyDisplay(domValue, table.emptyDisplay, table.isEmptyStr) || domValue) ?? "";
+}
 function setHeader(obj, scope, slots, emit, props, index$12) {
   const optionss = props.options || {};
   return use.useGetDomLabel(