@fangzhongya/fang-ui 0.1.37 → 0.1.38

package/dist/components/tables/common/{table-color2.cjs → com-color2.cjs}

@@ -2,8 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const util = require("./util.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "table-color",
+  __name: "com-color",
   props: {
     class: {
       type: [String, Function]
@@ -44,8 +45,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   emits: ["color"],
   setup(__props, { emit: __emit }) {
+    const cs = index.useCssName("com-color");
     const props = __props;
     const emit = __emit;
+    const emptyDisplay = vue.computed(() => {
+      var _a, _b;
+      return util.setEmptyDisplay(
+        props.modelValue,
+        (_a = props.comscope.config) == null ? void 0 : _a.emptyDisplay,
+        (_b = props.comscope.config) == null ? void 0 : _b.isEmptyStr
+      );
+    });
     const className = vue.computed(() => {
       if (props.class) {
         if (typeof props.class == "function") {
@@ -111,19 +121,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("color", obj);
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(["table-color", className.value]),
-        onClick: _cache[0] || (_cache[0] = ($event) => onClick($event)),
-        style: vue.normalizeStyle(props.style)
+      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]),
+        style: vue.normalizeStyle(props.style),
+        onClick: _cache[0] || (_cache[0] = ($event) => onClick($event))
       }, [
         vue.createElementVNode("span", {
           style: vue.normalizeStyle({
             color: color.value,
             backgroundColor: backgroundColor.value
           }),
-          class: "table-color-value"
-        }, vue.toDisplayString(props.modelValue), 5)
-      ], 6);
+          class: vue.normalizeClass([vue.unref(cs).z("value")])
+        }, vue.toDisplayString(props.modelValue), 7)
+      ], 6));
     };
   }
 });

package/dist/components/tables/common/{table-color2.js → com-color2.js}

@@ -1,7 +1,8 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, toDisplayString } from "vue";
-import { eventAliass } from "./util.js";
+import { defineComponent, computed, createElementBlock, openBlock, Fragment, createTextVNode, toDisplayString, normalizeStyle, normalizeClass, unref, createElementVNode } from "vue";
+import { setEmptyDisplay, eventAliass } from "./util.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "table-color",
+  __name: "com-color",
   props: {
     class: {
       type: [String, Function]
@@ -42,8 +43,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["color"],
   setup(__props, { emit: __emit }) {
+    const cs = useCssName("com-color");
     const props = __props;
     const emit = __emit;
+    const emptyDisplay = computed(() => {
+      var _a, _b;
+      return setEmptyDisplay(
+        props.modelValue,
+        (_a = props.comscope.config) == null ? void 0 : _a.emptyDisplay,
+        (_b = props.comscope.config) == null ? void 0 : _b.isEmptyStr
+      );
+    });
     const className = computed(() => {
       if (props.class) {
         if (typeof props.class == "function") {
@@ -109,19 +119,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("color", obj);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["table-color", className.value]),
-        onClick: _cache[0] || (_cache[0] = ($event) => onClick($event)),
-        style: normalizeStyle(props.style)
+      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]),
+        style: normalizeStyle(props.style),
+        onClick: _cache[0] || (_cache[0] = ($event) => onClick($event))
       }, [
         createElementVNode("span", {
           style: normalizeStyle({
             color: color.value,
             backgroundColor: backgroundColor.value
           }),
-          class: "table-color-value"
-        }, toDisplayString(props.modelValue), 5)
-      ], 6);
+          class: normalizeClass([unref(cs).z("value")])
+        }, toDisplayString(props.modelValue), 7)
+      ], 6));
     };
   }
 });

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

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

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

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

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

@@ -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;