@fangzhongya/fang-ui 0.0.12 → 0.0.13

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

@@ -0,0 +1,113 @@
+import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, createBlock, unref, normalizeStyle, normalizeClass, withCtx, createTextVNode, toDisplayString } from "vue";
+import { ElButton } from "element-plus";
+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(() => {
+      var _a;
+      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 = (_a = props.tableListObj.config) == null ? void 0 : _a.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-but2.cjs

@@ -0,0 +1,4 @@
+"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;

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

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

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

@@ -0,0 +1,120 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = 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__ */ require$$0.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 = require$$0.computed(() => {
+      var _a, _b, _c, _d;
+      const prop = props.tableListObj.prop || "";
+      const row = ((_a = props.tableScope) == null ? void 0 : _a.row) || {};
+      const column = ((_b = props.tableScope) == null ? void 0 : _b.column) || {};
+      const cellValue = row[prop];
+      const index = (_c = props.tableScope) == null ? void 0 : _c.$index;
+      const formatter = props.tableListObj.formatter;
+      const configFormatter = (_d = props.tableListObj.config) == null ? void 0 : _d.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 require$$0.openBlock(), require$$0.createElementBlock("span", {
+        class: require$$0.normalizeClass(["table-color", valueObj.value.class]),
+        onClick: _cache[0] || (_cache[0] = ($event) => onClick($event)),
+        style: require$$0.normalizeStyle(valueObj.value.style)
+      }, [
+        require$$0.createElementVNode("span", _hoisted_1, require$$0.toDisplayString(valueObj.value.value), 1)
+      ], 6);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/tables/common/table-color.d.ts

@@ -0,0 +1,55 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * table列表
+     * {
+     *      label:"列表名称"
+     *      prop:"列表取值"
+     *      type:"列表类型"
+     * }
+     *
+     */
+    tableListObj: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    tableScope: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "scope-click": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * table列表
+     * {
+     *      label:"列表名称"
+     *      prop:"列表取值"
+     *      type:"列表类型"
+     * }
+     *
+     */
+    tableListObj: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    tableScope: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+}>> & Readonly<{
+    "onScope-click"?: ((...args: any[]) => any) | undefined;
+}>, {
+    tableListObj: Record<string, any>;
+    tableScope: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+export default _default;

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

@@ -0,0 +1,120 @@
+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(() => {
+      var _a, _b, _c, _d;
+      const prop = props.tableListObj.prop || "";
+      const row = ((_a = props.tableScope) == null ? void 0 : _a.row) || {};
+      const column = ((_b = props.tableScope) == null ? void 0 : _b.column) || {};
+      const cellValue = row[prop];
+      const index = (_c = props.tableScope) == null ? void 0 : _c.$index;
+      const formatter = props.tableListObj.formatter;
+      const configFormatter = (_d = props.tableListObj.config) == null ? void 0 : _d.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
+};

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

@@ -0,0 +1,4 @@
+"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;

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

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

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

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("vue");
+const util = require("./util.cjs");
+const isObject = require("@fangzhongya/utils/basic/object/isObject");
+const isArray = require("@fangzhongya/utils/basic/array/isArray");
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  __name: "table-list",
+  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, index, formatter) {
+      if (formatter) {
+        const v = formatter(row, column, cellValue, index);
+        return setValue(v);
+      } else {
+        return setValue(cellValue);
+      }
+    }
+    const valueArr = require$$0.computed(() => {
+      var _a;
+      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 = (_a = props.tableListObj.config) == null ? void 0 : _a.formatter;
+      if (configFormatter) {
+        const arr = configFormatter(row, column, cellValue, index);
+        return setValue(arr);
+      } else {
+        return getValue(row, column, cellValue, index, formatter);
+      }
+    });
+    function onClick($event) {
+      let obj = valueArr.value;
+      util.eventAliass(
+        (callback) => {
+          callback(obj, props.tableScope, props.tableListObj, "list-li");
+        },
+        "click",
+        props.tableListObj,
+        $event
+      );
+      emit("scope-click", obj, props.tableScope, props.tableListObj, "list");
+    }
+    function onClickList(obj, $event) {
+      util.eventAliass(
+        (callback) => {
+          callback(obj, props.tableScope, props.tableListObj, "list-li");
+        },
+        "click",
+        obj,
+        $event
+      );
+      emit(
+        "scope-click",
+        obj,
+        props.tableScope,
+        props.tableListObj,
+        "list-li"
+      );
+    }
+    return (_ctx, _cache) => {
+      return require$$0.openBlock(), require$$0.createElementBlock("span", {
+        onClick: _cache[0] || (_cache[0] = ($event) => onClick($event)),
+        class: "table-list"
+      }, [
+        (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(valueArr.value, (item, index) => {
+          return require$$0.openBlock(), require$$0.createElementBlock("span", {
+            class: require$$0.normalizeClass(["table-list-li", item.class]),
+            key: index,
+            onClick: ($event) => onClickList(item, $event),
+            style: require$$0.normalizeStyle(item.style)
+          }, require$$0.toDisplayString(item.value), 15, _hoisted_1);
+        }), 128))
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/tables/common/table-list.d.ts

@@ -0,0 +1,55 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * table列表
+     * {
+     *      label:"列表名称"
+     *      prop:"列表取值"
+     *      type:"列表类型"
+     * }
+     *
+     */
+    tableListObj: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    tableScope: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "scope-click": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * table列表
+     * {
+     *      label:"列表名称"
+     *      prop:"列表取值"
+     *      type:"列表类型"
+     * }
+     *
+     */
+    tableListObj: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    tableScope: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+}>> & Readonly<{
+    "onScope-click"?: ((...args: any[]) => any) | undefined;
+}>, {
+    tableListObj: Record<string, any>;
+    tableScope: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+export default _default;