@fangzhongya/fang-ui 0.0.38 → 0.0.40

package/dist/components/tables/common/table-but2.cjs

@@ -1,4 +1,112 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const tableBut_vue_vue_type_script_setup_true_lang = require("./table-but.cjs");
-exports.default = tableBut_vue_vue_type_script_setup_true_lang.default;
+const vue = require("vue");
+const index = require("element-plus/es/components/button/index");
+const util = require("./util.cjs");
+const isObject = require("@fangzhongya/utils/basic/object/isObject");
+const isArray = require("@fangzhongya/utils/basic/array/isArray");
+const _hoisted_1 = { class: "table-but" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "table-but",
+  props: {
+    /**
+     * table列表
+     * {
+     *      label:"列表名称"
+     *      prop:"列表取值"
+     *      type:"列表类型"
+     * }
+     *
+     */
+    tableListObj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    tableScope: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["scope-click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function setValue(v) {
+      if (isArray.isArray(v)) {
+        return v;
+      } else if (isObject.isObject(v)) {
+        return [v];
+      } else {
+        return [
+          {
+            value: v
+          }
+        ];
+      }
+    }
+    function getValue(row, column, cellValue, index2, formatter) {
+      if (formatter) {
+        const v = formatter(row, column, cellValue, index2);
+        return setValue(v);
+      } else {
+        return setValue(cellValue);
+      }
+    }
+    function onClick(obj, $event) {
+      util.eventAliass(
+        (callback) => {
+          callback(obj, props.tableScope, props.tableListObj, "but");
+        },
+        "click",
+        props.tableListObj,
+        $event
+      );
+      emit("scope-click", obj, props.tableScope, props.tableListObj, "but");
+    }
+    const valueArr = vue.computed(() => {
+      const prop = props.tableListObj.prop || "";
+      const row = props.tableScope.row || {};
+      const column = props.tableScope.column || {};
+      const cellValue = row[prop];
+      const index2 = props.tableScope.$index;
+      const formatter = props.tableListObj.formatter;
+      const configFormatter = props.tableListObj.config?.formatter;
+      if (configFormatter) {
+        const arr = configFormatter(row, column, cellValue, index2);
+        return setValue(arr);
+      } else {
+        return getValue(row, column, cellValue, index2, formatter);
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(valueArr.value, (item, index$1) => {
+          return vue.openBlock(), vue.createBlock(vue.unref(index.ElButton), {
+            class: vue.normalizeClass(["table-but-li", item.class]),
+            key: index$1,
+            style: vue.normalizeStyle(item.style),
+            onClick: ($event) => onClick(item, $event),
+            type: item.type,
+            round: item.round,
+            text: typeof item.text == "undefined" ? true : item.text
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(item.value), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "style", "onClick", "type", "round", "text"]);
+        }), 128))
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/tables/common/table-but2.js

@@ -1,4 +1,112 @@
-import _sfc_main from "./table-but.js";
+import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, createBlock, unref, normalizeStyle, normalizeClass, withCtx, createTextVNode, toDisplayString } from "vue";
+import { ElButton } from "element-plus/es/components/button/index";
+import { eventAliass } from "./util.js";
+import { isObject } from "@fangzhongya/utils/basic/object/isObject";
+import { isArray } from "@fangzhongya/utils/basic/array/isArray";
+const _hoisted_1 = { class: "table-but" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "table-but",
+  props: {
+    /**
+     * table列表
+     * {
+     *      label:"列表名称"
+     *      prop:"列表取值"
+     *      type:"列表类型"
+     * }
+     *
+     */
+    tableListObj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    tableScope: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["scope-click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function setValue(v) {
+      if (isArray(v)) {
+        return v;
+      } else if (isObject(v)) {
+        return [v];
+      } else {
+        return [
+          {
+            value: v
+          }
+        ];
+      }
+    }
+    function getValue(row, column, cellValue, index, formatter) {
+      if (formatter) {
+        const v = formatter(row, column, cellValue, index);
+        return setValue(v);
+      } else {
+        return setValue(cellValue);
+      }
+    }
+    function onClick(obj, $event) {
+      eventAliass(
+        (callback) => {
+          callback(obj, props.tableScope, props.tableListObj, "but");
+        },
+        "click",
+        props.tableListObj,
+        $event
+      );
+      emit("scope-click", obj, props.tableScope, props.tableListObj, "but");
+    }
+    const valueArr = computed(() => {
+      const prop = props.tableListObj.prop || "";
+      const row = props.tableScope.row || {};
+      const column = props.tableScope.column || {};
+      const cellValue = row[prop];
+      const index = props.tableScope.$index;
+      const formatter = props.tableListObj.formatter;
+      const configFormatter = props.tableListObj.config?.formatter;
+      if (configFormatter) {
+        const arr = configFormatter(row, column, cellValue, index);
+        return setValue(arr);
+      } else {
+        return getValue(row, column, cellValue, index, formatter);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(valueArr.value, (item, index) => {
+          return openBlock(), createBlock(unref(ElButton), {
+            class: normalizeClass(["table-but-li", item.class]),
+            key: index,
+            style: normalizeStyle(item.style),
+            onClick: ($event) => onClick(item, $event),
+            type: item.type,
+            round: item.round,
+            text: typeof item.text == "undefined" ? true : item.text
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(item.value), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "style", "onClick", "type", "round", "text"]);
+        }), 128))
+      ]);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/tables/common/table-color.cjs

@@ -1,119 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const util = require("./util.cjs");
-const isObject = require("@fangzhongya/utils/basic/object/isObject");
-const _hoisted_1 = { class: "table-color-value" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "table-color",
-  props: {
-    /**
-     * table列表
-     * {
-     *      label:"列表名称"
-     *      prop:"列表取值"
-     *      type:"列表类型"
-     * }
-     *
-     */
-    tableListObj: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    /**
-     * table数据
-     * row, column, $index
-     *
-     */
-    tableScope: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  emits: ["scope-click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    function setValue(v) {
-      if (isObject.isObject(v)) {
-        return v;
-      } else {
-        return {
-          value: v
-        };
-      }
-    }
-    function getValue(row, column, cellValue, index, formatter) {
-      if (formatter) {
-        const v = formatter(row, column, cellValue, index);
-        return setValue(v);
-      } else {
-        return setValue(cellValue);
-      }
-    }
-    const valueObj = vue.computed(() => {
-      const prop = props.tableListObj.prop || "";
-      const row = props.tableScope?.row || {};
-      const column = props.tableScope?.column || {};
-      const cellValue = row[prop];
-      const index = props.tableScope?.$index;
-      const formatter = props.tableListObj.formatter;
-      const configFormatter = props.tableListObj.config?.formatter;
-      if (configFormatter) {
-        const obj = configFormatter(row, column, cellValue, index);
-        let css;
-        let value = "";
-        let style;
-        if (isObject.isObject(obj)) {
-          value = obj.value;
-          css = obj.class;
-          style = obj.style;
-        } else {
-          css = obj;
-        }
-        if (!value) {
-          value = getValue(
-            row,
-            column,
-            cellValue,
-            index,
-            formatter
-          ).value;
-        }
-        return {
-          class: css,
-          value,
-          style
-        };
-      } else {
-        return getValue(row, column, cellValue, index, formatter);
-      }
-    });
-    function onClick($event) {
-      let obj = valueObj.value;
-      util.eventAliass(
-        (callback) => {
-          callback(obj, props.tableScope, props.tableListObj, "color");
-        },
-        "click",
-        props.tableListObj,
-        $event
-      );
-      emit("scope-click", obj, props.tableScope, props.tableListObj, "color");
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(["table-color", valueObj.value.class]),
-        onClick: _cache[0] || (_cache[0] = ($event) => onClick($event)),
-        style: vue.normalizeStyle(valueObj.value.style)
-      }, [
-        vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(valueObj.value.value), 1)
-      ], 6);
-    };
-  }
-});
-exports.default = _sfc_main;
+const tableColor_vue_vue_type_script_setup_true_lang = require("./table-color2.cjs");
+exports.default = tableColor_vue_vue_type_script_setup_true_lang.default;

package/dist/components/tables/common/table-color.js

@@ -1,119 +1,4 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, toDisplayString } from "vue";
-import { eventAliass } from "./util.js";
-import { isObject } from "@fangzhongya/utils/basic/object/isObject";
-const _hoisted_1 = { class: "table-color-value" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "table-color",
-  props: {
-    /**
-     * table列表
-     * {
-     *      label:"列表名称"
-     *      prop:"列表取值"
-     *      type:"列表类型"
-     * }
-     *
-     */
-    tableListObj: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    /**
-     * table数据
-     * row, column, $index
-     *
-     */
-    tableScope: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  emits: ["scope-click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    function setValue(v) {
-      if (isObject(v)) {
-        return v;
-      } else {
-        return {
-          value: v
-        };
-      }
-    }
-    function getValue(row, column, cellValue, index, formatter) {
-      if (formatter) {
-        const v = formatter(row, column, cellValue, index);
-        return setValue(v);
-      } else {
-        return setValue(cellValue);
-      }
-    }
-    const valueObj = computed(() => {
-      const prop = props.tableListObj.prop || "";
-      const row = props.tableScope?.row || {};
-      const column = props.tableScope?.column || {};
-      const cellValue = row[prop];
-      const index = props.tableScope?.$index;
-      const formatter = props.tableListObj.formatter;
-      const configFormatter = props.tableListObj.config?.formatter;
-      if (configFormatter) {
-        const obj = configFormatter(row, column, cellValue, index);
-        let css;
-        let value = "";
-        let style;
-        if (isObject(obj)) {
-          value = obj.value;
-          css = obj.class;
-          style = obj.style;
-        } else {
-          css = obj;
-        }
-        if (!value) {
-          value = getValue(
-            row,
-            column,
-            cellValue,
-            index,
-            formatter
-          ).value;
-        }
-        return {
-          class: css,
-          value,
-          style
-        };
-      } else {
-        return getValue(row, column, cellValue, index, formatter);
-      }
-    });
-    function onClick($event) {
-      let obj = valueObj.value;
-      eventAliass(
-        (callback) => {
-          callback(obj, props.tableScope, props.tableListObj, "color");
-        },
-        "click",
-        props.tableListObj,
-        $event
-      );
-      emit("scope-click", obj, props.tableScope, props.tableListObj, "color");
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["table-color", valueObj.value.class]),
-        onClick: _cache[0] || (_cache[0] = ($event) => onClick($event)),
-        style: normalizeStyle(valueObj.value.style)
-      }, [
-        createElementVNode("span", _hoisted_1, toDisplayString(valueObj.value.value), 1)
-      ], 6);
-    };
-  }
-});
+import _sfc_main from "./table-color2.js";
 export {
   _sfc_main as default
 };

package/dist/components/tables/common/table-color2.cjs

@@ -1,4 +1,119 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const tableColor_vue_vue_type_script_setup_true_lang = require("./table-color.cjs");
-exports.default = tableColor_vue_vue_type_script_setup_true_lang.default;
+const vue = require("vue");
+const util = require("./util.cjs");
+const isObject = require("@fangzhongya/utils/basic/object/isObject");
+const _hoisted_1 = { class: "table-color-value" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "table-color",
+  props: {
+    /**
+     * table列表
+     * {
+     *      label:"列表名称"
+     *      prop:"列表取值"
+     *      type:"列表类型"
+     * }
+     *
+     */
+    tableListObj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    tableScope: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["scope-click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function setValue(v) {
+      if (isObject.isObject(v)) {
+        return v;
+      } else {
+        return {
+          value: v
+        };
+      }
+    }
+    function getValue(row, column, cellValue, index, formatter) {
+      if (formatter) {
+        const v = formatter(row, column, cellValue, index);
+        return setValue(v);
+      } else {
+        return setValue(cellValue);
+      }
+    }
+    const valueObj = vue.computed(() => {
+      const prop = props.tableListObj.prop || "";
+      const row = props.tableScope?.row || {};
+      const column = props.tableScope?.column || {};
+      const cellValue = row[prop];
+      const index = props.tableScope?.$index;
+      const formatter = props.tableListObj.formatter;
+      const configFormatter = props.tableListObj.config?.formatter;
+      if (configFormatter) {
+        const obj = configFormatter(row, column, cellValue, index);
+        let css;
+        let value = "";
+        let style;
+        if (isObject.isObject(obj)) {
+          value = obj.value;
+          css = obj.class;
+          style = obj.style;
+        } else {
+          css = obj;
+        }
+        if (!value) {
+          value = getValue(
+            row,
+            column,
+            cellValue,
+            index,
+            formatter
+          ).value;
+        }
+        return {
+          class: css,
+          value,
+          style
+        };
+      } else {
+        return getValue(row, column, cellValue, index, formatter);
+      }
+    });
+    function onClick($event) {
+      let obj = valueObj.value;
+      util.eventAliass(
+        (callback) => {
+          callback(obj, props.tableScope, props.tableListObj, "color");
+        },
+        "click",
+        props.tableListObj,
+        $event
+      );
+      emit("scope-click", obj, props.tableScope, props.tableListObj, "color");
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(["table-color", valueObj.value.class]),
+        onClick: _cache[0] || (_cache[0] = ($event) => onClick($event)),
+        style: vue.normalizeStyle(valueObj.value.style)
+      }, [
+        vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(valueObj.value.value), 1)
+      ], 6);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/tables/common/table-color2.js

@@ -1,4 +1,119 @@
-import _sfc_main from "./table-color.js";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, toDisplayString } from "vue";
+import { eventAliass } from "./util.js";
+import { isObject } from "@fangzhongya/utils/basic/object/isObject";
+const _hoisted_1 = { class: "table-color-value" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "table-color",
+  props: {
+    /**
+     * table列表
+     * {
+     *      label:"列表名称"
+     *      prop:"列表取值"
+     *      type:"列表类型"
+     * }
+     *
+     */
+    tableListObj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    tableScope: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["scope-click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function setValue(v) {
+      if (isObject(v)) {
+        return v;
+      } else {
+        return {
+          value: v
+        };
+      }
+    }
+    function getValue(row, column, cellValue, index, formatter) {
+      if (formatter) {
+        const v = formatter(row, column, cellValue, index);
+        return setValue(v);
+      } else {
+        return setValue(cellValue);
+      }
+    }
+    const valueObj = computed(() => {
+      const prop = props.tableListObj.prop || "";
+      const row = props.tableScope?.row || {};
+      const column = props.tableScope?.column || {};
+      const cellValue = row[prop];
+      const index = props.tableScope?.$index;
+      const formatter = props.tableListObj.formatter;
+      const configFormatter = props.tableListObj.config?.formatter;
+      if (configFormatter) {
+        const obj = configFormatter(row, column, cellValue, index);
+        let css;
+        let value = "";
+        let style;
+        if (isObject(obj)) {
+          value = obj.value;
+          css = obj.class;
+          style = obj.style;
+        } else {
+          css = obj;
+        }
+        if (!value) {
+          value = getValue(
+            row,
+            column,
+            cellValue,
+            index,
+            formatter
+          ).value;
+        }
+        return {
+          class: css,
+          value,
+          style
+        };
+      } else {
+        return getValue(row, column, cellValue, index, formatter);
+      }
+    });
+    function onClick($event) {
+      let obj = valueObj.value;
+      eventAliass(
+        (callback) => {
+          callback(obj, props.tableScope, props.tableListObj, "color");
+        },
+        "click",
+        props.tableListObj,
+        $event
+      );
+      emit("scope-click", obj, props.tableScope, props.tableListObj, "color");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(["table-color", valueObj.value.class]),
+        onClick: _cache[0] || (_cache[0] = ($event) => onClick($event)),
+        style: normalizeStyle(valueObj.value.style)
+      }, [
+        createElementVNode("span", _hoisted_1, toDisplayString(valueObj.value.value), 1)
+      ], 6);
+    };
+  }
+});
 export {
   _sfc_main as default
 };